文件URL转blob、base64 ——javascript

原创已于 2023-11-16 09:26:58 修改 · 448 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #服务器 #javascript

于 2023-11-16 09:26:34 首次发布

javascript 专栏收录该内容

10 篇文章

订阅专栏

该篇文章详细描述了一个JavaScript函数functionurlToBlobBase64，它使用XMLHttpRequest和FileReaderAPI来从给定URL获取文件并将其转换为Base64编码的Blob对象，用于处理文件下载和上传等场景。

function urlToBlobBase64(url) {
  return new Promise((resolve, reject) => {
    var xhr = new XMLHttpRequest();
    xhr.open("get", url);
    xhr.responseType = "blob";
    xhr.onload = function () {
      if (xhr.status == 200) {
        var blob = this.response;
        let oFileReader = new FileReader();
        oFileReader.onloadend = function (e) {
          resolve( { blob, base64: e.target.result });
        };
        oFileReader.readAsDataURL(blob);
      } else {
        reject(new Error("异常"));
      }
    };
    xhr.send();
    xhr.onerror = () => {
      reject(new Error("异常"));
    };
  });
}