JS实现图片上传多次上传同一张不生效的处理方法
2018-08-06 16:22
1001 查看
在做图片上传的功能时, 使用删除功能删除了一张图片, 然后想重新上传原来删除的图片, 结果预览不显示, 也不能上传成功
解决办法, 在删除方法里置空input
$("#id").find('input').val('');
拿到input所在的位置, 找到这个input, 然后置空
还有一种方法是来回切换input的属性
每次删除图片后, 改变input的type属性
先变成text, 删除完成后变回file, 方便删除后能继续上传
$("#inputId").attr('type','text'); $("#inputId").attr('type','file');
总结
以上所述是小编给大家介绍的JS实现图片上传多次上传同一张不生效的处理方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
相关文章推荐
- asp.net+jquery.form实现图片异步上传的方法(附jquery.form.js下载)
- asp.net+jquery.form实现图片异步上传的方法(附jquery.form.js下载)
- js实现头像图片切割缩放及无刷新上传图片的方法
- node.js中实现kindEditor图片上传功能的方法教程
- js实现头像图片切割缩放及无刷新上传图片的方法
- JS上传图片前实现图片预览效果的方法
- js前端实现多图图片上传预览的两个方法
- js 将canvas生成图片保存,或直接保存一张图片的实现方法
- js实现上传图片预览方法
- ajaxfileupload.js+springMVC实现多个图片与数据同一个ajax方法上传
- iOS多张图片上传多线程处理方法(可获取最后一张上传状态后的信号)
- js实现上传图片预览的方法
- js实现图片上传预览(一张一张上传)
- js上传图片预览的实现方法
- js实现上传图片预览的方法
- 使用jquery.form.js实现图片上传的方法
- 利用ajaxfileupload.js实现跨域上传图片并处理返回的数据
- JS实现上传图片的三种方法并实现预览图片功能
- Ajax上传实现根据服务器端返回数据进行js处理的方法