使用ajaxfileload.js实现多图片上传，在IE9以下浏览器input的multiple属性失效，无法一次性选择多张图片

Question

如题： 1）这是我的JSP页面的代码： <div class="row-fluid" id="setPic" style="display:none"><label class="control-label">图片设置：</label><div class="controls"><div id="showConfig" style="display:'';"><input type="file"  id="picfile" name="fileselect[]" value="" title="图片上传" onchange="getPreImg(1, this)" multiple="multiple"/> </div></div></div> 2）使用的方法是ajaxfileupload.js，直接上传至服务器 3）页面效果： 4）正常情况下，点击选择图片，可上传N张图片。重点来了，在IE9以下的浏览器，不支持multiple="multiple"这个属性，我只能上传一张图片，真心求教，这个问题我要怎么解决？

Answer 1

浏览器支持

Internet Explorer 10、Firefox、Opera、Chrome 和 Safari 支持 multiple 属性。

注意：Internet Explorer 9 及之前的版本不支持 <input> 标签的 multiple 属性。

 

既然不支持了，就只能使用其他方法了

Answer 2

谢谢~还有什么方法？现在需要一个思路，后台是没问题的，现在我需要解决的问题就是兼容IE7/8/9，实现多图片的上传！

Answer 3

@请叫我阳大官人: 那你只能实现个ajax上传图片了，因input type=file 不可以使用js动态创建，可能后台还需要改造一下

或者你在这个表单中多放几个input type=file，支持多文件的时候就只显示一个，不支持的时候就都显示出来

Answer 4

@刘宏玺: 按照你的思路，就是在IE9及以下的情况下多放几个input type=file。这种方法确实可以实现功能，但是要考虑到用户的实际需求，因为事先根本无法确定用户到底会上传几张图片，所以input type=file也不确定要放几个，这个问题要怎么解决更好呢？

或者有其它的方法实现多图片上传的需求吗？

Answer 5

@请叫我阳大官人: 剩下的就只能考虑ajax上传了，但是这样你的后台要改造一下