前端base64图片自动下载

最新推荐文章于 2024-03-20 16:33:31 发布

原创最新推荐文章于 2024-03-20 16:33:31 发布 · 843 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一种使用JavaScript将图片转换为Base64格式，并通过创建隐藏的可下载链接实现图片下载的方法。该方法适用于PNG和JPEG格式的图片。

部署运行你感兴趣的模型镜像

var funDownload = function (domImg, filename) {
    // 创建隐藏的可下载链接
    var eleLink = document.createElement('a');
    eleLink.download = filename;
    eleLink.style.display = 'none';
    // 图片转base64地址
    var canvas = document.createElement('canvas');
    var context = canvas.getContext('2d');
    var width = domImg.naturalWidth;
    var height = domImg.naturalHeight;
    context.drawImage(domImg, 0, 0);
    // 如果是PNG图片，则canvas.toDataURL('image/png')
    eleLink.href = canvas.toDataURL('image/jpeg');
    // 触发点击
    document.body.appendChild(eleLink);
    eleLink.click();
    // 然后移除
    document.body.removeChild(eleLink);
};

您可能感兴趣的与本文相关的镜像