運用File、FileList和FileReader三個Web API，我們可以透過網頁上的元素獲取使用者選取的檔案。
由<input>標籤獲得檔案
假設現在有這個很陽春的網頁：
<!DOCTYPE html>
<html>
<body>
<input id = "input" accept = ".xml" type = "file">讀我</input>
<p id = "result"></p>
- 介紹 這裡收集了我在前端學習旅程上的筆記與小抄，你可以從左邊的分頁中瀏覽所有主題（我們現在在「介紹」這裡！）。 ⚠ ！文章施工中！ ⚠ HTML CSS JavaScript 【前端筆記】物件概念
Front-End Imposter｜冒牌前端 changed 3 years agoBook mode - 本文中我將嘗試以簡單的方式介紹JavaScript的物件概念，涵蓋物件導向程式設計¹、物件、屬性、類別、實例、建構函數等主題。 物件是什麼？ 一言以蔽之，物件（Object）就是「一堆資料的集合體」。但是這完全無法解答你的疑惑，所以我們不妨想像以下例子：當我們求職及求學時，為了快速讓公司或學校的面試官了解我們，我們通常會填寫一張含有各項欄位的履歷表，開頭可能長得像是下圖這樣： 我仍然想不透為什麼沒有被錄取（誤） 如此一來，倘若面試官需要知道你的姓名、學歷、專長、手機號碼與長相，便可以透過這張履歷表來認識我們。事實上，這張履歷表就是一個物件，內含了許多可被存取的屬性（Property）！這或許聽起來很複雜，但是在JavaScript中要建立一個最基本的物件，你只需要短短的一行程式碼： const 履歷表 = {}; // 建立一個叫做「履歷表」的物件。Front-End Imposter｜冒牌前端 changed 3 years agoView mode
