如题:
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"这个属性,我只能上传一张图片,真心求教,这个问题我要怎么解决?
推荐:http://fex.baidu.com/webuploader/。
ajaxfileload.js已经很老了。。。
浏览器支持
Internet Explorer 10、Firefox、Opera、Chrome 和 Safari 支持 multiple 属性。
注意:Internet Explorer 9 及之前的版本不支持 <input> 标签的 multiple 属性。
既然不支持了,就只能使用其他方法了
谢谢~还有什么方法?现在需要一个思路,后台是没问题的,现在我需要解决的问题就是兼容IE7/8/9,实现多图片的上传!
@请叫我阳大官人: 那你只能实现个ajax上传图片了,因input type=file 不可以使用js动态创建,可能后台还需要改造一下
或者你在这个表单中多放几个input type=file,支持多文件的时候就只显示一个,不支持的时候就都显示出来
@刘宏玺: 按照你的思路,就是在IE9及以下的情况下多放几个input type=file。这种方法确实可以实现功能,但是要考虑到用户的实际需求,因为事先根本无法确定用户到底会上传几张图片,所以input type=file也不确定要放几个,这个问题要怎么解决更好呢?
或者有其它的方法实现多图片上传的需求吗?
@请叫我阳大官人: 剩下的就只能考虑ajax上传了,但是这样你的后台要改造一下