jquery 配合file实现多图片上传和预览

贴代码：

html：

（1）脚本引用

   <script type="text/javascript" src="javascript/jquery.js"></script>

（2）html

<div class="panel-body" id="up">
<input type="file" name="file" id="upimg" multiple="multiple" οnchange="imgupload()" />
<br /><input type="button" id="sure" value="上传" />
<br /><div id="show">
     <!--预留用来显示图片-->       
</div>

</div>

js文件：

function imgupload(){
$("#show").empty();//清空区域内所有内容
var fs=$("#upimg")[0].files;//获取file的对象（$("#upimg")[0]），从其对象中获取文件集合files
$("#show").append($("<h5 class='text-danger text-center' >本次一共上传图片"+fs.length+"张</h5><br />"));
for(var i=0;i<fs.length;i++){

$("#show").append($("<img src='' class='img-thumbnail' id='img"+i+"'/>"));//使用append方法

//为show添加《img》标签

$("#img"+i).attr("src",URL.createObjectURL(fs[i]));//jquery的attr方法为img的src赋值

//URL.createObjectURL(fs[i])//在文件集合中先获取一个文件，使用URL.createObjectURL方法来创建url

}
}