前端同一个文件多次上传问题(纯JS、JQ)

前端同一个文件多次上传问题

场景 ： 当我们在同一个页面进行文件上传，有时需要修改文件内容，再次上传。则会因为触发不了change事件导致无法上传。
这里提供两个解决方案，第一个用不了就用第二个。
如下是我们上传文件的输入框：

<input id="file1" type="file" name="file1" accept="application/vnd.ms-excel" />

//上传成功活失败均对这个input 进行清空操作
$('#file1').val('');

有时候我们会发现，这样还是无法上传
2.

// 在change事件里进行清空
        $('#file').bind('change', function (e) {
            file1 = e.target.files[0];
            e.target.value="";
        });
// 或者 将其target 左变量提取出来
var fileTarget = null;
        $('#file').bind('change', function (e) {
            file1 = e.target.files[0];
            fileTarget = e.target;
        });
//当上传成功或失败后
        fileTarget.value="";

以上内容，到此结束，如果还是不能解决您的问题可以在评论区跟我探讨，一起学习…