html文件怎么看效果图,文件图片展示界面html5 实例

1. 怎么获取文件能够在界面先显示出来图片信息及图片呢！ 看如下实例呀：

//多个文件上传

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

{

var tmpFile=file[inti];// 获取多个文件的中的一个文件信息

var reader=new FileReader();//读取文件的对象

reader.readAsDataURL(tmpFile);//读取文件的信息

reader.οnlοad=function (e) {

strHTML=strHTML+"";

strHTML=strHTML+"";

strHTML=strHTML+"";

$("#upload").innerHTML="

"+strHTML+"";

}

}

});