一、前言
這兩天恰好有一位同事問我怎樣做一個圖片預覽功能。作為現代人的我們首先想到的當然是HTML5啦，其實HTML5做圖片預覽已經是一個老生常談的問題了。我在這里就簡單說說其中相關的一些東西，當然會附上我們的源碼。在 HTML5 之前我們做圖片預覽主流做法有兩種,第一種是通過 Flash 插件來做預覽，第二種是 Ajax 實現的假預覽，也就是說選擇圖片文件后，圖片其實已經異步上傳到服務器，服務器處理后返回圖片路徑，前端得到響應結果做出處理從而使圖片顯示在界面上。而有了 HTML5 之后就可以強烈鄙視上面兩種做法了。
二、FileReader
要做圖片預覽功能，就不得不介紹一下 FileReader，顧名思義，它是用來讀取文件的。當然新東西總會有一些頑固派排斥的，我們先來看看其兼容性如何（這不是本文討論的重點）。
PC端兼容列表
移動端兼容列表
