input[type=file]不能选择同一张图片

1,271 阅读1分钟

在我制作图片裁剪插件的时候,当用户点击取消以后在点击上传图片的时候,就不能选择取消之前的图片,如下图所示:

造成这种情况的原因是因为取消以后,并没有清空input的value属性,所以在下次onchange的时候,判断到选择同一个图片,onchange事件不会执行。

处理方案

在点击取消的操作逻辑里面,令input的value属性为null,如图: