用FileReader实现多文件预览

function preview(target){
    var length=0;
    var imgContent=document.getElementById('imgContent');  
//imgContent为图片展示的区域
    var reader=new FileReader();
    reader.readAsDataURL(target.files[length]);    
//异步读取图片,读取完会触onload
    reader.onload=function(){
            imgContent.innerHTML+="<img src='"+this.result+"'/>";
            length++;
            if(length<target.files.length){
                reader.readAsDataURL(target.files[length]); 
                 
//如果还有图片,继续读取,读取完触发load

 } }}


猜你喜欢

转载自blog.csdn.net/Anerror/article/details/79641223