js 通過(guò)文件地址URL轉(zhuǎn)為File文件對(duì)象
前言
后端返回的是文件地址，并不是文件流或base64編碼字符串，而修改數(shù)據(jù)的接口又只接受文件。
一、思路
通過(guò)文件地址URL，將所指文件轉(zhuǎn)為File文件對(duì)象
二、示例
文件url地址轉(zhuǎn)為文件對(duì)象，代碼如下（調(diào)用即可）：
//
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";
// 加載時(shí)處理
xhr.onload = () => {
// 獲取返回結(jié)果
blob = xhr.response;
let file= new File([blob], fileName, { type: 'image/png' });
// 返回結(jié)果
resolve(file);
};
xhr.onerror = (e) => {
reject(e)
};
// 發(fā)送
xhr.send();
});
}
2.調(diào)用方式文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-693293.html
代碼如下（示例）：文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-693293.html
let file = null
this.getFileFromUrl(url,name)
.then((response)=>{
file = response
})
.catch((e)=>{
console.error(e)
});
到了這里，關(guān)于js 通過(guò)文件地址URL轉(zhuǎn)為File文件對(duì)象的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
