[Bug Report] el-upload ie10 bug

[jingyuhao1995]

Element UI version

2.11.1

OS/Browsers version

IE10

Vue version

2.6.10

Reproduction Link

https://github.com/ElemeFE/element

Steps to reproduce

在ie10浏览器上传文件后删除文件，再次上传该文件，不能上传，钩子函数也不触发，换另一个文件或者改文件名就可以上传

What is Expected?

在ie10浏览器，上传之后删除再次上传同一个文件，可以上传成功

What is actually happening?

删除已上传的文件不能再次上传该文件名的文件

[element-bot]

Translation of this issue:

Element UI version

2.11.1

OS/Browsers version

IE10

Vue version

2.6.10

Reproduction Link

Https://github.com/ElemeFE/element

Steps to reproduce

Delete the file after uploading it in IE10 browser, upload it again, it can't upload, hook function does not trigger, change another file or change the name of the file can upload.

What is Expected?

In IE10 browser, after uploading, delete and upload the same file again, you can upload successfully.

What is actually happening?

Delete uploaded files and cannot upload the file name again

[jingyuhao1995]

直接在ie10打开官方例子就能复现

[cdqfeng]

如果两次上传的文件名称是相同的，就不会触发钩子函数。
if the file name is the same as last file, so any hook function will not be trigger.

[jingyuhao1995]

如果两次上传的文件名称是相同的，就不会触发钩子函数。
if the file name is the same as last file, so any hook function will not be trigger.

但是在chrome是可以上传成功的

[lysyunsong]

可以在回调的时候，获取upload组件中input，创建父元素，并重置，upload是我组件ref
let isIE10 = false;
if (window.navigator.userAgent.indexOf("MSIE") >= 1) {
// 判断ie10以及以下
isIE10 = true;
} else {
isIE10 = false;
}
let ele = this.$refs.upload.$el.getElementsByTagName("input")[0];
if (isIE10) {
let form = document.createElement("form");
let beforInput = ele.nextSibling;
let parentInput = ele.parentNode;
form.appendChild(ele);
form.reset();
parentInput.insertBefore(ele, beforInput);
} else {
ele.value = null;
}

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.