js前端 base64图片下载保存

4,584 阅读1分钟

如图,我想通过点击“保存按钮”,将这张base64图片保存到本地。


// 保存按钮点击事件方法
function saveImg(){
            var sampleImage = $("img")[0]; // 找到图片所在的img标签
            var canvas = convertImageToCanvas(sampleImage); //创建画板
            url = canvas.toDataURL("image/png"); //生成下载的url
            var triggerDownload = $("#saveImg").attr("href", url).attr("download", "ewm.png"); // 把url放到我们的a标签中,并得到a标签对象
            triggerDownload[0].click(); //模拟点击一下a标签,即可下载啦!
    }
 
    /**
     * 根据图片生成画布
     */
    function convertImageToCanvas(image) {
        var canvas = document.createElement("canvas");
        canvas.width = image.width;
        canvas.height = image.height;
        canvas.getContext("2d").drawImage(image, 0, 0);
        return canvas;
    }

2345_image_file_copy_1.jpg