将input type=file 获取到的图片展示到页面上

最新推荐文章于 2022-11-20 16:29:17 发布

不会做饭的程序员

最新推荐文章于 2022-11-20 16:29:17 发布

阅读量859

点赞数

分类专栏： JS 文章标签： js

本文链接：https://blog.csdn.net/weixin_45524834/article/details/105560730

版权

JS 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

我们创建一个函数，用于接收拿到的files[0]，并将生成的base64地址返回出去

getBase64(file) {
   return new Promise(function(resolve, reject) {
       let reader = new FileReader();
       let imgResult = "";
       reader.readAsDataURL(file);
            reader.onload = function() {
            imgResult = reader.result;
       };
       reader.onerror = function(error) {
            reject(error);
       };
       reader.onloadend = function() {
            resolve(imgResult);
       };
   );
},

我们使用的时候，只需要调用此方法，将获取到的files[0]值传给该方法，回调then函数里边接收到的返回值就是该图片的base64地址。