【JavaScript】------- JavaScript 实现选择图片文件并展示在界面中预览 示例代码

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>";
            }
        }
    });