讀取base64圖片F(xiàn)ile
file2Base64Image(file, cb) {
const reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function (e) {
cb && cb(e.target.result);//即為base64結(jié)果
};
},讀取text、JSON文件File
readText(file, { onloadend } = {}) {
const reader = new FileReader();
reader.onloadend = function (e) {
onloadend && onloadend(reader.result, e);
};
reader.readAsText(file);
},讀取分段Blob文件File（ArrayBuffer）
FileReader.readAsArrayBuffer() - Web API 接口參考 | MDNFileReader 接口提供的 readAsArrayBuffer() 方法用于啟動(dòng)讀取指定的 Blob 或 File 內(nèi)容。當(dāng)讀取操作完成時(shí)，readyState 變成 DONE（已完成），并觸發(fā) loadend 事件，同時(shí) result 屬性中將包含一個(gè) ArrayBuffer 對(duì)象以表示所讀取文件的數(shù)據(jù)。https://developer.mozilla.org/zh-CN/docs/Web/API/FileReader/readAsArrayBuffer文章來源地址http://www.zghlxwxcb.cn/news/detail-616788.html
readArrayBuffer(file, { onloadstart, onprogress, onload } = {}) {
const reader = new FileReader();
// 開始讀取
reader.onloadstart = function (e) {
onloadstart && onloadstart(e);
};
// 正在加載
reader.onprogress = function (p) {
onprogress && (parseFloat(p.loaded / file.size).toFixed(2));
};
// 加載完成
reader.onload = function (e) {
if (reader.error) { return; }
let buffer = new Uint8Array(reader.result);
onload && onload(reader.result, buffer, e);
};
reader.readAsArrayBuffer(file);
},文章來源：http://www.zghlxwxcb.cn/news/detail-616788.html
到了這里，關(guān)于JS前端讀取本地上傳的File文件對(duì)象內(nèi)容（包括Base64、text、JSON、Blob、ArrayBuffer等類型文件）的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
