使用 XMLHttpRequest 对象获取图片url的Blob值或转成file

使用 XMLHttpRequest 对象获取图片url的Blob值

getImageBlob (url, cb) {
  let xhr = new XMLHttpRequest();
  xhr.open('get', url, true);
  xhr.responseType = 'blob';
  xhr.onload = function () {
    if (this.status === 200) {
      if (cb) {
        cb(this.response);
      }
    }
  };
  xhr.send();
}

转成file对象

this.getImageBlob('图片地址', function (blob) {
  const file = new window.File([blob], `文件名.${blob.type.split('/')[1]}`, { type: blob.type });
  console.log('blob', blob);
  console.log('file', file);
}
原文链接:,转发请注明来源!

发表评论