-
FileReader
:用于讀取文件內(nèi)容统倒,并將內(nèi)容存儲在內(nèi)存中。它提供了幾種方法用于讀取文件內(nèi)容,例如readAsText、readAsDataURL和readAsArrayBuffer汰翠。
const fr = new FileReader()
fr.readAsDataURL(file)
fr.addEventListener("load", function () {
img.src = reader.result;
}, false);
-
Blob
:表示不可變的、原始數(shù)據(jù)的類文件對象昭雌。Blob對象可以用來存儲二進制數(shù)據(jù)复唤、圖片、音頻烛卧、視頻等苟穆。它提供了一些方法,例如slice和size等。
-
File
:繼承自Blob雳旅,表示用戶選擇的文件跟磨。File對象提供了一些屬性,例如name攒盈、size和type等抵拘,用于描述文件的基本信息。
-
FormData
:用于創(chuàng)建表單數(shù)據(jù)型豁,可以將表單數(shù)據(jù)和文件一起提交僵蛛。它提供了幾種方法,例如append和get等迎变。
-
XMLHttpRequest
:用于向服務(wù)器發(fā)送HTTP請求充尉,可以用于上傳和下載文件。它提供了幾種方法衣形,例如open驼侠、send和abort等。
-
URL
:用于創(chuàng)建一個指向File或Blob對象的URL谆吴。它提供了createObjectURL
和revokeObjectURL
方法倒源,用于創(chuàng)建和銷毀URL。URL.createObjectURL方法創(chuàng)建的URL只在當前頁面有效句狼,頁面刷新或關(guān)閉后笋熬,URL將失效。此外腻菇,由于URL.createObjectURL方法創(chuàng)建的URL可能會占用大量內(nèi)存胳螟,因此應(yīng)該在使用后及時銷毀URL。
- 創(chuàng)建URL:使用URL.createObjectURL方法筹吐,傳入File或Blob對象作為參數(shù)旺隙,可以創(chuàng)建一個URL。例如:
var file = document.querySelector('input[type=file]').files[0];
var url = URL.createObjectURL(file);
- 銷毀URL:使用URL.revokeObjectURL方法骏令,傳入URL作為參數(shù)蔬捷,可以銷毀URL,并釋放內(nèi)存榔袋。例如:
URL.revokeObjectURL()