下载Base64图片到本地

放手吧，别卷了

已于 2023-09-06 16:59:10 修改

阅读量1k

点赞数

分类专栏：日常记录代码实现文章标签： javascript 前端

于 2023-05-24 17:18:26 首次发布

本文链接：https://blog.csdn.net/weixin_45229447/article/details/130851581

版权

日常记录同时被 2 个专栏收录

11 篇文章 0 订阅

订阅专栏

代码实现

6 篇文章 0 订阅

订阅专栏

/**
 * 下载Base64图片到本地
 * @param {*} content base64
 * @param {*} fileName 下载文件名
 */
function downloadBase64(content, fileName) {
  var base64ToBlob = function (code) {
    let parts = code.split(';base64,');
    let contentType = parts[0].split(':')[1];
    let raw = window.atob(parts[1]);
    let rawLength = raw.length;
    let uInt8Array = new Uint8Array(rawLength);
    for (let i = 0; i < rawLength; ++i) {
      uInt8Array[i] = raw.charCodeAt(i);
    }
    return new Blob([uInt8Array], {
      type: contentType
    });
  };
  let aLink = document.createElement('a');
  let blob = base64ToBlob(content); //new Blob([content]);
  aLink.download = fileName + '.png';
  aLink.href = URL.createObjectURL(blob);
  aLink.click();
};