首页 > Web开发 > 详细

实现上传时预览图片

时间:2019-10-15 20:23:09      阅读:123      评论:0      收藏:0      [点我收藏+]
 

 主要使用的类

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

 

实现上传时预览图片

原文:https://www.cnblogs.com/guyuedashu/p/11680061.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!