码迷,mamicode.com
首页 > Web开发 > 详细

实现上传时预览图片

时间:2019-10-15 21:27:23      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:func   ntb   上传   bsp   encoding   prepare   one   document   ada   

 

 主要使用的类

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

 

实现上传时预览图片

标签:func   ntb   上传   bsp   encoding   prepare   one   document   ada   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!