vantUI 上傳圖片,如何獲取圖片的尺寸


html代碼

<van-uploader
          preview-size="300px"
          style="width:300px;display:block;margin:20px auto;"
          v-model="fileList"
          :after-read="uploadact"
          @delete="delPic"
          :preview-full-image="false"
          :max-count="1"
          upload-text="點擊上傳身份證正面照片"
          capture="camera"
        />

js代碼

uploadact(file){
      
      var arr = file.content.split(','), mime = arr[0].match(/:(.*?);/)[1],
            bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
        while (n--) {
            u8arr[n] = bstr.charCodeAt(n);
        }
       var f = new Blob([u8arr], { type: mime });
       
      var reader = new FileReader();  
      reader.onload = function (e) {  
          var data = e.target.result;  
          //加載圖片獲取圖片真實寬度和高度  
          var image = new Image();  
          image.onload=function(){  
              var width = image.width;  
              var height = image.height;  
              alert(width+'======'+height+"====="+f.size);  
          };  
          image.src= data;  
      };  
      reader.readAsDataURL(f); 
}
 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM