码迷,mamicode.com
首页 > 其他好文 > 详细

vue获取图片宽高

时间:2020-11-24 12:09:24      阅读:5      评论:0      收藏:0      [点我收藏+]

标签:fileread   ons   let   file   hat   base   根据   div   vue   

 uploadFile(event){
        let that = this;
        let file = event.target.files[0];
        let fileReader = new FileReader();
        fileReader.readAsDataURL(file); //根据图片路径读取图片
        fileReader.onload = function(e) {
          let base64 = this.result;
          let img = new Image();
          img.src = base64;
          img.onload = function() {
            that.imgInfo = {
              width: img.naturalWidth,
              height: img.naturalHeight
            };
            console.log("宽:" + img.naturalWidth + " 高:" + img.naturalHeight);
          }
        }
      },

vue获取图片宽高

标签:fileread   ons   let   file   hat   base   根据   div   vue   

原文地址:https://www.cnblogs.com/sjruxe/p/14007265.html

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