首页 > Web开发 > 详细

JS 缩小图片

时间:2021-02-23 23:21:24      阅读:20      评论:0      收藏:0      [点我收藏+]

前端或APP上传图片,图片太大,后端也没必要要原图,

太大的图片,做以下处理。固定大小。

 getBase64Image(imgpath:string) { 
    var img = new Image(); //新建一个图片对象
    img.src = imgpath;

    let canvas = document.createElement("canvas"); 
    
    let w=img.width;
    let h=img.height;

    if(h>w) {
      h=1024;
      w=w*h/img.height;
    }else{
      w=1024;
      h=w*h/img.width;
    }

    canvas.width = w;
    canvas.height = h; 
    const ctx = canvas.getContext("2d"); 


    ctx?.drawImage(img, 0, 0, w, h); 
    var ext = img.src.substring(img.src.lastIndexOf(".")+1).toLowerCase(); 
    var dataURL = canvas.toDataURL("image/"+ext); 
    this.src=dataURL;
    console.log(dataURL);
    return dataURL; 
} 

 

JS 缩小图片

原文:https://www.cnblogs.com/qgbo/p/14437395.html

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