在線圖片轉(zhuǎn)base64

getBase64Image(img) {
        console.log(img, 'img1212121');
        var canvas = document.createElement("canvas");
        canvas.width = img.width;
        canvas.height = img.height;
        var ctx = canvas.getContext("2d");
        ctx.drawImage(img, 0, 0, img.width, img.height);
        var dataURL = canvas.toDataURL("image/png"); // 可選其他值 image/jpeg
        return dataURL;
    }
    
    main(src, cb) {
        const that = this;
        console.log(878111111111111118);
        var image = new Image();
        image.src = src + '?v=' + Math.random(); // 處理緩存
        image.crossOrigin = "*"; // 支持跨域圖片(實(shí)際上還會(huì)出現(xiàn)跨域問(wèn)題,本人自己公司服務(wù)器的圖片還是不行,最后用的代理)
        image.onload = function() {
            var base64 = that.getBase64Image(image);
            cb && cb(base64);
        };
    }

    ccd() {  //點(diǎn)擊事件  可根據(jù)實(shí)際要求進(jìn)行觸發(fā)
        console.log(8788);https://fc3tn.baidu.com/it/u=3025909226,1763324618&fm=202&src=bqdata
        this.main('https://zl-pub.oss-cn-hangzhou.aliyuncs.com/data/ara-marketing/imgs/wxzlTalentbg.png', function(base64) {
            console.log(base64);
        });
    }



加油哦!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容