实现上传时预览图片

 

 主要使用的类

         js  new FileReader
         
         方法名                      参数                     描述
        abort                    none                中断读取
        readAsBinaryString        file                将文件读取为二进制码
        readAsDataURL            file                将文件读取为 DataURL
        readAsText                file, [encoding]    将文件读取为文本

代码

<input id="prepare" type="file" accept="" value="aaa" multiple="multiples" onchange="preparePic(this)"/>       

        function preparePic(obj)
        {
            var a = $(obj)[0]
            var b = obj.files
            
            console.log(obj);
            console.log(a.value);
            console.log(obj.files);
            
            var read = new FileReader();
//          read.readAsDataURL(obj.files[0]);//可以直接src
//          read.readAsBinaryString(obj.files[0]);
            read.readAsText(obj.files[0],"utf-8");//直接读取字符串
            read.onload = function(e){
                console.log("加载完成");
                console.log(e)
                var img = document.getElementById("pic");
//                img.src = e.target.result;
                $("#myPic").html(e.target.result)
            }
            
        }