实现上传时预览图片

 

 主要使用的类

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

 

相关文章