JS实现图片上传多次上传同一张不生效的处理方法

也许你想成为太阳,可你却只是一颗星辰;也许你想成为大树,可你却是一棵小草。于是,你有些自卑。其实,你和别人一样,也是一片风景:做不了太阳,就做星辰,在自我的星座发光发热;做不了大树,就做小草,以自我的绿色装点期望……

在做图片上传的功能时, 使用删除功能删除了一张图片, 然后想重新上传原来删除的图片, 结果预览不显示, 也不能上传成功

解决办法, 在删除方法里置空input

$("#id").find('input').val('');

拿到input所在的位置, 找到这个input, 然后置空

还有一种方法是来回切换input的属性

每次删除图片后, 改变input的type属性

先变成text, 删除完成后变回file, 方便删除后能继续上传

 $("#inputId").attr('type','text');
 $("#inputId").attr('type','file');

总结

以上所述是小编给大家介绍的JS实现图片上传多次上传同一张不生效的处理方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

以上就是JS实现图片上传多次上传同一张不生效的处理方法。人生下来就得交“学费”,只是不要交重复的。更多关于JS实现图片上传多次上传同一张不生效的处理方法请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
ajax上传图片到PHP并压缩图片显示的方法

Ajax实现图片上传并预览功能

ThinkPHP5 通过ajax插入图片并实时显示(完整代码)

基于Spring Boot利用 ajax实现上传图片功能

React+ajax+java实现上传图片并预览功能