前端文件處理相關(guān)

  1. 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);
  1. Blob:表示不可變的、原始數(shù)據(jù)的類文件對象昭雌。Blob對象可以用來存儲二進制數(shù)據(jù)复唤、圖片、音頻烛卧、視頻等苟穆。它提供了一些方法,例如slice和size等。
  2. File:繼承自Blob雳旅,表示用戶選擇的文件跟磨。File對象提供了一些屬性,例如name攒盈、size和type等抵拘,用于描述文件的基本信息。
  3. FormData:用于創(chuàng)建表單數(shù)據(jù)型豁,可以將表單數(shù)據(jù)和文件一起提交僵蛛。它提供了幾種方法,例如append和get等迎变。
  4. XMLHttpRequest:用于向服務(wù)器發(fā)送HTTP請求充尉,可以用于上傳和下載文件。它提供了幾種方法衣形,例如open驼侠、send和abort等。
  5. URL:用于創(chuàng)建一個指向File或Blob對象的URL谆吴。它提供了createObjectURLrevokeObjectURL方法倒源,用于創(chuàng)建和銷毀URL。URL.createObjectURL方法創(chuàng)建的URL只在當前頁面有效句狼,頁面刷新或關(guān)閉后笋熬,URL將失效。此外腻菇,由于URL.createObjectURL方法創(chuàng)建的URL可能會占用大量內(nèi)存胳螟,因此應(yīng)該在使用后及時銷毀URL。
  6. 創(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);
  1. 銷毀URL:使用URL.revokeObjectURL方法骏令,傳入URL作為參數(shù)蔬捷,可以銷毀URL,并釋放內(nèi)存榔袋。例如:
URL.revokeObjectURL()
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末周拐,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子凰兑,更是在濱河造成了極大的恐慌妥粟,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,651評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件吏够,死亡現(xiàn)場離奇詭異勾给,居然都是意外死亡滩报,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,468評論 3 392
  • 文/潘曉璐 我一進店門播急,熙熙樓的掌柜王于貴愁眉苦臉地迎上來脓钾,“玉大人,你說我怎么就攤上這事桩警】裳担” “怎么了?”我有些...
    開封第一講書人閱讀 162,931評論 0 353
  • 文/不壞的土叔 我叫張陵捶枢,是天一觀的道長握截。 經(jīng)常有香客問我,道長烂叔,這世上最難降的妖魔是什么谨胞? 我笑而不...
    開封第一講書人閱讀 58,218評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮蒜鸡,結(jié)果婚禮上胯努,老公的妹妹穿的比我還像新娘。我一直安慰自己术瓮,他們只是感情好,可當我...
    茶點故事閱讀 67,234評論 6 388
  • 文/花漫 我一把揭開白布贰健。 她就那樣靜靜地躺著胞四,像睡著了一般。 火紅的嫁衣襯著肌膚如雪伶椿。 梳的紋絲不亂的頭發(fā)上辜伟,一...
    開封第一講書人閱讀 51,198評論 1 299
  • 那天,我揣著相機與錄音脊另,去河邊找鬼导狡。 笑死,一個胖子當著我的面吹牛偎痛,可吹牛的內(nèi)容都是我干的旱捧。 我是一名探鬼主播,決...
    沈念sama閱讀 40,084評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼踩麦,長吁一口氣:“原來是場噩夢啊……” “哼枚赡!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起谓谦,我...
    開封第一講書人閱讀 38,926評論 0 274
  • 序言:老撾萬榮一對情侶失蹤贫橙,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后反粥,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體卢肃,經(jīng)...
    沈念sama閱讀 45,341評論 1 311
  • 正文 獨居荒郊野嶺守林人離奇死亡疲迂,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,563評論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了莫湘。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片尤蒿。...
    茶點故事閱讀 39,731評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖逊脯,靈堂內(nèi)的尸體忽然破棺而出优质,到底是詐尸還是另有隱情,我是刑警寧澤军洼,帶...
    沈念sama閱讀 35,430評論 5 343
  • 正文 年R本政府宣布巩螃,位于F島的核電站,受9級特大地震影響匕争,放射性物質(zhì)發(fā)生泄漏避乏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,036評論 3 326
  • 文/蒙蒙 一甘桑、第九天 我趴在偏房一處隱蔽的房頂上張望拍皮。 院中可真熱鬧,春花似錦跑杭、人聲如沸铆帽。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,676評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽爹橱。三九已至,卻和暖如春窄做,著一層夾襖步出監(jiān)牢的瞬間愧驱,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,829評論 1 269
  • 我被黑心中介騙來泰國打工椭盏, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留组砚,地道東北人。 一個月前我還...
    沈念sama閱讀 47,743評論 2 368
  • 正文 我出身青樓掏颊,卻偏偏與公主長得像糟红,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子乌叶,可洞房花燭夜當晚...
    茶點故事閱讀 44,629評論 2 354

推薦閱讀更多精彩內(nèi)容

  • 前端使用 axios 下載文件 一般步驟如下: 服務(wù)端讀取文件改化,以 content-type: 'applicat...
    Simple_Learn閱讀 387評論 0 0
  • 一般情況下,想要實現(xiàn)文件下載/導(dǎo)出功能枉昏,需要在前端把數(shù)據(jù)發(fā)到服務(wù)端或者發(fā)送下載請求到服務(wù)端陈肛,然后由服務(wù)端通過獲取數(shù)...
    xlaoyu閱讀 5,751評論 2 50
  • 窗口相關(guān)API alert 彈窗,要注意的是其在彈窗中展示內(nèi)容是會隱式調(diào)用內(nèi)容的toString()方法兄裂,因此像對...
    dawsonenjoy閱讀 380評論 0 0
  • 上傳方式 一句旱、Form && Input 采用傳統(tǒng)的form表單或異步ajax上傳阳藻。至于以前通過iframe來進行...
    有一條大魚閱讀 864評論 0 1
  • 本文已整理到 Github,地址 ?? blog[https://github.com/lio-zero/blog...
    lio_zero閱讀 1,001評論 0 5