文件url路径转换file对象

发表于 | 分类于 ，

实现一个小功能，远程url转为file对象
方案一：

1
2
3
4
5
6
7
8
function getFileFromUrl(url: string, fileName: string) {
  return new Promise(async (resolve, reject) => {
    const response = await fetch(url);
    const blob = await response.blob()
    let file = new File([blob!], fileName, { type: blob.type });
    resolve(file)
  })
}

方案二：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function getFileFromUrl(url: string, fileName: string) {
  return new Promise((resolve, reject) => {
    var blob = null;
    var xhr = new XMLHttpRequest();
    xhr.open("GET", url);
    xhr.responseType = "blob";
    // 加载时处理
    xhr.onload = () => {
      // 获取返回结果
      blob = xhr.response;
      let file = new File([blob!], fileName, { type: blob!.type });
      // 返回结果
      resolve(file);
    };
    xhr.onerror = (e) => {
      reject(e)
    };
    // 发送
    xhr.send();
  });
}

使用：

1
2
getFileFromUrl(url, name).then(res => {
})

参考文章