美文网首页
app 本地绝对路径 转 base64 vue mui

app 本地绝对路径 转 base64 vue mui

作者: 刘佳季 | 来源:发表于2021-04-13 09:54 被阅读0次

    getImgBase64:function(){

        var base64="";

        var img = new Image();

        img.src=this.checkPicFileList[0].filePath;

    console.log(img.src)

        img.onload=function(){

            base64 = this.image2Base64(img);

           console.log(base64)

        }.bind(this)

    },

    image2Base64:function(img) {

        var canvas = document.createElement("canvas");

        canvas.width = 200; // 可以 img.width

        canvas.height = 200; // 可以 img.height

        var ctx = canvas.getContext("2d");

        ctx.drawImage(img, 0, 0, 200, 200);    // 这里都设置为200是为了压缩图片,要不手机拍出来的照片太大了

        var dataURL = canvas.toDataURL("image/png");

        return dataURL;

    },

    相关文章

      网友评论

          本文标题:app 本地绝对路径 转 base64 vue mui

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