js前端 base64图片下载保存

如图,我想通过点击“保存按钮”,将这张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;
    }

发布了75 篇原创文章 · 获赞 48 · 访问量 12万+

猜你喜欢

转载自blog.csdn.net/pk694046220/article/details/98777255