美文网首页
base64支持压缩尺寸上传

base64支持压缩尺寸上传

作者: 糯米卷爱吃玉米 | 来源:发表于2016-05-16 11:25 被阅读0次

JavaScript

/*
 * @param m_this当前对象
 * @param id展示图片id
 * @param wid压缩后宽度
 * @param quality压缩质量 
 * */  
function cutImageBase64(m_this,id,wid,quality) {
    var file = m_this.files[0];
    var URL = window.URL || window.webkitURL;
    var blob = URL.createObjectURL(file);
    var base64;
    var img = new Image();
    img.src = blob;
    img.onload = function() {
        var that = this;
        //生成比例
        var w = that.width,
            h = that.height,
            scale = w / h;
            w = wid || w;
            h = w / scale;
        //生成canvas
        var canvas = document.createElement('canvas');
        var ctx = canvas.getContext('2d');
        $(canvas).attr({
            width: w,
            height: h
        });
        ctx.drawImage(that, 0, 0, w, h);
        // 生成base64            
        base64 = canvas.toDataURL('image/jpeg', quality || 0.8);
        $(id).attr('src',base64);
    };
}
 //调用 
 $(id).on('change',function(){
     var m_this = this;
     cutImageBase64(m_this,'#com_ImgPr03',400,0.8);  
 })

相关文章

  • base64支持压缩尺寸上传

    JavaScript

  • iOS - 图片压缩

    1,图片尺寸压缩 方法举例: 2,尺寸不变,大小压缩 举例:ASI上传图片时, 3,QBImagePickerCo...

  • iOS图片更改尺寸并转Base64

    按照规定的图片尺寸,将图片转Base64上传。目前问题:base64还原后尺寸并不准,不过不会出现失真问题。 调用 实现

  • vue(2019/7/15)

    vue实现照片选择或者拍照功能 照片格式校验, 图片质量压缩, 图片尺寸压缩, 图片离线保存, 图片base64编...

  • 图片上传,压缩方法

    1、点击图片上传,拿到图片,转化base64,然后在执行图片压缩 addImg() { let _this = ...

  • iPic for Mac(图床神器) v1.7.0中文免费版

    上传图片相关设置 上传前压缩图片 可以在 iPic 的 偏好设置 中开启「上传前压缩图片」选项,目前支持压缩的图片...

  • iOS开发中图片质量的压缩

    上传前获取图片的质量以及尺寸(先进行尺寸的压缩再进行质量的压缩) 1.获取图片的质量:先将UIImage对象转成N...

  • 上传图片压缩指定尺寸

    等比例压缩 -(UIImage*)imageCompressForSize:(UIImage*)sourceIma...

  • Chrome扩展:新浪微博图床,支持 HTTPS

    支持 HTTPS 支持批量上传和批量复制链接 支持原图、缩略图、中图多尺寸 可查看所有上传历史文件 支持图片直链、...

  • 图片压缩踩坑

    业务需求:上传图片分析:Android机本地的文件进行上传时需要进行压缩,包括图片尺寸和大小的压缩,第三方库(Lu...

网友评论

      本文标题:base64支持压缩尺寸上传

      本文链接:https://www.haomeiwen.com/subject/nmrbrttx.html