ileReader 對(duì)象FileReader 對(duì)象主要用來(lái)把文件讀入內(nèi)存，并且讀取文件中的數(shù)據(jù)。通過(guò)構(gòu)造函數(shù)創(chuàng)建一個(gè) FileReader 對(duì)象。

這個(gè)文件讀取對(duì)象有以下幾種方法：

1.readAsText():讀取文本文件(可以使用Txt打開的文件)，返回文本字符串，默認(rèn)編碼是UTF-8。

2.readAsBinaryString():讀取任意類型的文件。返回二進(jìn)制字符串。這個(gè)方法不是用來(lái)讀取文件展示給用戶看，而是存儲(chǔ)文件。例如：讀取文件的內(nèi)容，獲取二進(jìn)制數(shù)據(jù)，傳遞給后臺(tái)，后臺(tái)接收了數(shù)據(jù)之后，再將數(shù)據(jù)存儲(chǔ)。

3.readAsDataURL():讀取文件獲取一段以data開頭的字符串，這段字符串的本質(zhì)就是DataURL.DataURL是一種將文件(這個(gè)文件一般就是指圖像或者能夠嵌入到文檔的文件格式)嵌入到文檔的方案。DataURL是將資源轉(zhuǎn)換為base64編碼的字符串形式，并且將這些內(nèi)容直接存儲(chǔ)在url中>>優(yōu)化網(wǎng)站的加載速度和執(zhí)行效率。

4.abort():中斷讀取

該對(duì)象常見應(yīng)用在即時(shí)預(yù)覽：

即時(shí)：當(dāng)用戶選擇完圖片之后就立刻進(jìn)行預(yù)覽的處理 >>onchange。

預(yù)覽：通過(guò)文件讀取對(duì)象的readAsDataURL()完成。

以下是應(yīng)用時(shí)的具體實(shí)現(xiàn)（推薦了解黑馬程序員web前端培訓(xùn)課程）

HTML部分：

JS部分：

其中獲取數(shù)據(jù)時(shí)，F(xiàn)ileReader還提供一個(gè)完整的事件模型，用來(lái)捕獲讀取文件時(shí)的狀態(tài)。

onabort:讀取文件中斷片時(shí)觸發(fā)

onerror:讀取錯(cuò)誤時(shí)觸發(fā)

onload:文件讀取成功完成時(shí)觸發(fā)

onloadend:讀取完成時(shí)觸發(fā)，無(wú)論成功還是失敗

onloadstart:開始讀取時(shí)觸發(fā)

onprogress:讀取文件過(guò)程中持續(xù)觸發(fā)

eb前端是什么，在哪些地方有應(yīng)用

• 簡(jiǎn)介
• web前端開發(fā)技術(shù)
• 什么是html、html5
• 什么是css、css3
• 什么是js，javascript
• web前端的應(yīng)用

大家好，我是ots_luo，很多小伙伴不知道web前端是什么，下面小編就給大家普及一下知識(shí)。

簡(jiǎn)介

web前端即為網(wǎng)站的前端開發(fā)（前端網(wǎng)絡(luò)編程），，也被認(rèn)為是用戶端編程，是為了網(wǎng)頁(yè)或者網(wǎng)頁(yè)應(yīng)用，而編寫HTML，CSS以及JS代碼，所以用戶能夠看到并且和這些頁(yè)面進(jìn)行交流。

ots_luo：通俗來(lái)講就是網(wǎng)頁(yè)設(shè)計(jì)。

web前端開發(fā)技術(shù)

web前端開發(fā)主要是通過(guò)html，css，JavaScript等前端技術(shù)，實(shí)現(xiàn)網(wǎng)站在客服端的正確顯示及交互功能。目前經(jīng)常聽到的H5，就是目前最新的前端技術(shù)，采用html5+css3+JavaScript設(shè)計(jì)的。

什么是html、html5

1. html：HTML稱為超文本標(biāo)記語(yǔ)言，是一種標(biāo)識(shí)性的語(yǔ)言。它包括一系列標(biāo)簽．通過(guò)這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個(gè)邏輯整體。
2. HTML5：HTML5是構(gòu)建Web內(nèi)容的一種語(yǔ)言描述方式。HTML5是互聯(lián)網(wǎng)的下一代標(biāo)準(zhǔn)，是構(gòu)建以及呈現(xiàn)互聯(lián)網(wǎng)內(nèi)容的一種語(yǔ)言方式．被認(rèn)為是互聯(lián)網(wǎng)的核心技術(shù)之一。HTML產(chǎn)生于1990年，1997年HTML4成為互聯(lián)網(wǎng)標(biāo)準(zhǔn)，并廣泛應(yīng)用于互聯(lián)網(wǎng)應(yīng)用的開發(fā)。

ots_luo：通俗來(lái)講就是網(wǎng)頁(yè)。html5是第5代html技術(shù)，平時(shí)說(shuō)的html是第4代，html5就是html4的升級(jí)版。

什么是css、css3

1. CSS 是指層疊樣式表 (Cascading Style Sheets)是一種用來(lái)表現(xiàn)HTML或XML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)子集）等文件樣式的計(jì)算機(jī)語(yǔ)言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁(yè)，還可以配合各種腳本語(yǔ)言動(dòng)態(tài)地對(duì)網(wǎng)頁(yè)各元素進(jìn)行格式化。
2. CSS3：CSS3 是最新的 CSS 標(biāo)準(zhǔn)。

ots_luo：通俗來(lái)講就是給html做美化的。平時(shí)說(shuō)的css是第2代，css3是css的升級(jí)版。

什么是js，javascript

JavaScript（簡(jiǎn)稱“JS”） 是一種具有函數(shù)優(yōu)先的輕量級(jí)，解釋型或即時(shí)編譯型的編程語(yǔ)言。雖然它是作為開發(fā)Web頁(yè)面的腳本語(yǔ)言而出名的，但是它也被用到了很多非瀏覽器環(huán)境中，JavaScript 基于原型編程、多范式的動(dòng)態(tài)腳本語(yǔ)言，并且支持面向?qū)ο?、命令式和聲明式（如函?shù)式編程）風(fēng)格。

ots_luo：通俗來(lái)講就是給html做交互的。平時(shí)說(shuō)的js，就是javascript。

web前端的應(yīng)用

1，瀏覽器，在手機(jī)端和電腦端瀏覽的網(wǎng)站，就是用網(wǎng)頁(yè)做的。2，app，現(xiàn)在的手機(jī)app都是可以用網(wǎng)頁(yè)來(lái)做的3、場(chǎng)景秀，也就是平常說(shuō)的H5動(dòng)畫，就是網(wǎng)頁(yè)做的4，小程序，現(xiàn)在的微信小程序可以用網(wǎng)頁(yè)做。

我是小南郡，碼字不易，寫教程也不易，如果文章對(duì)你有幫助，記得評(píng)論點(diǎn)贊加轉(zhuǎn)發(fā)收藏哦！感謝支持！！