网络编程 
首页 > 网络编程 > 浏览文章

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

(编辑:jimmy 日期: 2024/11/18 浏览:3 次 )

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

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

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

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

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

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

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

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

总结

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

上一篇:JS实现中英文混合文字溢出友好截取功能
下一篇:JS插件clipboard.js实现一键复制粘贴功能