js 通过文件地址URL转为File文件对象
前言
后端返回的是文件地址,并不是文件流或base64编码字符串,而修改数据的接口又只接受文件。
一、思路
通过文件地址URL,将所指文件转为File文件对象
二、示例
文件url地址转为文件对象,代码如下(调用即可):
//
getFileFromUrl(url, fileName) {
return new Promise((resolve, reject) => {
var blob = null;
var xhr = new XMLHttpRequest();
xhr.open("GET", url);
xhr.setRequestHeader('Accept', 'image/png');
xhr.responseType = "blob";
// 加载时处理
xhr.onload = () => {
// 获取返回结果
blob = xhr.response;
let file= new File([blob], fileName, { type: 'image/png' });
// 返回结果
resolve(file);
};
xhr.onerror = (e) => {
reject(e)
};
// 发送
xhr.send();
});
}
2.调用方式文章来源:https://www.toymoban.com/news/detail-693293.html
代码如下(示例):文章来源地址https://www.toymoban.com/news/detail-693293.html
let file = null
this.getFileFromUrl(url,name)
.then((response)=>{
file = response
})
.catch((e)=>{
console.error(e)
});
到了这里,关于js 通过文件地址URL转为File文件对象的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!