HTML5中FileReader 的使用

2021-10-01 07:28:49 字數 656 閱讀 7070

filereader:讀取檔案內容

1.readastext():
讀取文字檔案(可以使用txt開啟的檔案)返回文字字串,預設編碼為utf-8
2.readasbinarystring():
讀取任意型別的檔案,返回二進位制字串。這個方法不是用來讀取檔案展示給使用者看的,而是儲存檔案。例如:讀取檔案的內容,獲取二進位制資料傳遞給後台,後台接收了資料之後再將資料儲存
3.readasdateurl:
讀取檔案獲取一段以data開頭的字串,這段字串的本質就是dataurl(dataurl是一種將檔案(這個檔案一般是指影象或者能夠嵌入到文件的檔案格式)嵌入到文件的方案)dataurl是將資源轉換為base64編碼的字串形式,並且將這些內容直接儲存在url中》優化**的載入速度和執行效率
4.abort():中斷讀取

案例:即時預覽上傳的檔案:

效果:

前端高階精選:點此

HTML5學習之 HTML 5 拖放

拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性,即抓取物件以後拖到另乙個位置。在 html5 中,拖放是標準的一部分,任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...

html5標籤屬性大全 HTML5

音訊格式 屬性 值描述 屬性 值描述 屬性值描述 屬性值描述 gz bjsh 屬性值 描述 required required 表單擁有該屬性表示其內容不能為空,必填 placeholder 提示文字 表單的提示資訊,存在預設值將不顯示 autofocus autofocus 自動聚焦屬性,頁面載入...

HTML5中快取技術

cache.html 下面是快取檔案中的配置 cache manifest revision 1 cache cache.js cache.css t.png 第一行必須是cache manifest,以 開始的行為注釋 從cache 開始其後內容為自動快取的內容 其他的配置項 network 後面...