IE9及以上版本中HTML input type=file multiple属性失效问题求助

嘿，这个问题我太熟悉了——IE9根本不支持HTML5的multiple属性在文件输入控件上，哪怕是IE9也不行，这个特性要到IE10才开始支持。给你几个实用的解决方案，根据你的业务场景选就行：

方案1：动态添加单文件输入框（最推荐，兼容所有IE版本） #

既然IE9不支持一次性选多个，那就让用户逐个选，我们用JS动态添加新的文件输入框，后端依然可以按数组接收文件。

示例代码：

<!-- 初始的文件输入框容器 -->
<div id="fileInputs">
  <input type="file" name="files[]" />
</div>
<button id="addMoreBtn">添加更多文件</button>

<script>
document.getElementById('addMoreBtn').onclick = function() {
  const inputContainer = document.getElementById('fileInputs');
  const newInput = document.createElement('input');
  newInput.type = 'file';
  newInput.name = 'files[]'; // 用数组命名让后端能批量接收文件
  inputContainer.appendChild(newInput);
};
</script>

这个方案的好处是完全兼容IE9，后端处理逻辑和多文件上传几乎一致，只需要遍历files数组即可，不需要额外改动。

方案2：使用Flash/Silverlight插件（仅适用于特殊老旧场景） #

如果你的用户群体必须停留在IE9，且需要一次性选多个文件的体验，可以考虑用基于Flash的上传工具（比如SWFUpload）。不过要注意，现在大部分浏览器已经禁用Flash了，而且微软也停止了对IE的支持，这个方案属于“迫不得已才用”的备选。

方案3：引导用户升级浏览器（长远最优解） #

IE9已经是非常老旧的浏览器了，现在几乎没有主流网站还专门兼容它。如果业务允许，可以在IE9环境下显示提示：“请升级到IE10或Chrome、Firefox等现代浏览器，以使用多文件上传功能”，从根源上解决这类兼容性问题。

另外要提醒一句：IE9的文件输入框有严格的安全限制，你不能通过JS自动设置文件路径，所以所有文件都必须让用户手动选择，不要尝试用脚本去赋值哦。

内容的提问来源于stack exchange，提问作者SRI