'input[type=file]，文件导入后，修改原文件，页面不刷新再导入，还是显示原来的文件

Question

问题，如图：

html代码如下：

<span class="button"><input type="file" id="file" name="file" onchange="this.parentNode.nextSibling.value = this.value">选择</span><input type="text" placeholder="只支持Excel文件" id="input-filePath" readonly>

使用上述办法，上传文件，文件导入后，修改原文件（注意，修改文件前后，文件路径和文件名不变），页面不刷新再导入，还是显示原来的文件；
参考js清空input file的值中提到的办法，重新初始化file的html，会变成，把表单里选的文件也请掉了。
只是想达到让file的文件变成新选择的文件（注意，修改文件前后，文件路径和文件名不变）即可，表单里还是显示选择的文件的，有什么好的办法没有？

Answer 1

来回切换input[type='file']的type属性值，参考https://www.cnblogs.com/web-w...

实现了想要的效果。

Answer 2

onchange="this.parentNode.nextSibling.value = this.value"
不明白为什么要这个