小5聊前端基础之上传图片等文件IE浏览器是会显示两个请求

Posted 2021-07-11 小5聊

【IE浏览器请求两次】

【排查分析】

1）经过排查，发现是type=file上传文件标签的change方法执行了两次

2）IE浏览器下会出现执行两次，Edge不会出现，其他浏览器未测试

3）最后分析发现，真正的原因是因为在IE浏览器下，file标签在成功上传文件后，赋值空值也会触发change方法

【代码】

<form id="formUpFileShare">
  <input id="fileUpDataShare" type="file" name="file" style="width: 95px;position: absolute;top: 0;left: 0;height: 100%;opacity:0;" />
</form>

$("#fileUpDataShare").change(function () {
    
    //$("#fileUpDataShare").val(""); //赋值空也会触发change的执行
});

 

基础积累从小细节开始，加油，每天涨点小见识！