【JS】【33】解决重复上传同一张图片，第二次无反应的问题

转载于 2019-08-20 20:01:00 发布 · 1.2k 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/huashengweilong/p/11380334.html

本文探讨了在前端开发中，当用户连续上传同一张图片时，第二次上传不触发onchange事件的问题。通过分析，发现原因是浏览器缓存了文件输入状态，导致事件未被重新触发。文章提供了一个简单有效的解决方案，即在每次上传后清空文件输入框的值，确保每次上传都是全新的操作。

正文：

<input style="display:none" 
        type="file" id="img" 
        οnchange="uploadImage(event)" 
        accept="image/jpg, image/jpeg, image/gif, image/png">

问题：用户上传图片A，然后点击删除，然后又再次上传图片A，程序没有反应

原因：第二次上传还是上一张图片的时候，onchange方法不会被触发

解决方案：每次上传完代码后，都把值清空。$("#img").val("");

参考博客：

[前台]---js重复上传一张图片两次,第二次失败的解决办法和思路 - zhangsir的博客 - 优快云博客
https://blog.youkuaiyun.com/java_zhangshuai/article/details/80426439

转载于:https://www.cnblogs.com/huashengweilong/p/11380334.html

【JS】【33】解决 重复上传同一张图片，第二次无反应 的问题

【JS】【33】解决重复上传同一张图片，第二次无反应的问题