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} }}
本文介绍了一个利用FileReader API实现多文件预览的JavaScript函数。通过异步读取用户选择的文件,将文件转换为data URL并显示在页面上。当所有文件读取完成后,会在指定区域展示图片。
191

被折叠的 条评论
为什么被折叠?



