1. 怎么获取文件能够在界面先显示出来图片信息及图片呢! 看如下实例呀:
<input type="file" value="" name="image[]" id="image" multiple="multiple">//多个文件上传
function $(id) {
return document.querySelector(id);
}
//查看图片显示
$('#image').addEventListener('change',function () {
if(typeof FileReader== "undefined")
{
alert("检测到你的浏览器不支持FileReader对象!");
}
var strHTML="";
var file=this.files;
for(var inti=0,len=file.length;inti<len;inti++)
{
var tmpFile=file[inti];// 获取多个文件的中的一个文件信息
var reader=new FileReader();//读取文件的对象
reader.readAsDataURL(tmpFile);//读取文件的信息
reader.onload=function (e) {
strHTML=strHTML+"<span>";
strHTML=strHTML+"<img src='"+e.target.result+"' width='200px' height='200px' alt=''/>";
strHTML=strHTML+"</span>";
$("#upload").innerHTML="<li>"+strHTML+"</li>";
}
}
});