FileReader：讀取本地圖片文件並顯示 寫在開頭 之前公司要求做一個H5頁面，功能是照相和選擇相冊相片，並且能在屏幕上預覽。然后我就傻里吧唧的各種找插件，因為有些插件不適配手機的型號，安卓機基本死掉，蘋果有時候也會出點小bug（會閃退）。那是最后的解決方案是不顯示圖片了，把選擇的鏈接 ...

第一次做圖片上傳，記錄一些問題。 1，圖片的base64編碼就是可以將一副圖片數據編碼成一串字符串，使用該字符串代替圖像地址。而網頁上的每一個圖片，都是需要消耗一個http請求下載而來的，使用base64就不用請求http。 2，上傳圖片 ...

...

我們使用H5可以很容易的實現圖片上傳前對其進行預覽的功能 Html代碼如下： 實現預覽功能的js代碼如下： 最后注意一點，H5實現圖片預覽只能使用原生JS進行DOM元素的操作，若使用jQuery則無法實現該效果。 參考文章 ...

<div class="sctp"> src="img/sczp.png" id="photo" alt="" /> <inp ...

="file" />, 用戶選擇需要上傳的圖片后, 頁面上顯示將要上傳的圖片. 以前呢, 需要Ajax ...

目標實現： 　　1、選擇圖片， 前端預覽效果 　　2、圖片大於1.2M的時候， 對圖片進行壓縮 　　3、以表單的形式上傳圖片 　　4、圖片刪除 　　 預覽效果圖： 代碼說明： 1、input:file選擇圖片 2、圖片預覽 ...

1.上傳組件 ...