app 本地绝对路径 转 base64 vue mui

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;

},

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 夜莺2517阅读 127,781评论 1 9
  • 版本:ios 1.2.1 亮点: 1.app角标可以实时更新天气温度或选择空气质量,建议处女座就不要选了,不然老想...
    我就是沉沉阅读 7,000评论 1 6
  • 我是黑夜里大雨纷飞的人啊 1 “又到一年六月,有人笑有人哭,有人欢乐有人忧愁,有人惊喜有人失落,有的觉得收获满满有...
    陌忘宇阅读 8,635评论 28 53
  • 兔子虽然是枚小硕 但学校的硕士四人寝不够 就被分到了博士楼里 两人一间 在学校的最西边 靠山 兔子的室友身体不好 ...
    待业的兔子阅读 2,685评论 2 9