FileReader

文件轉換BASE64

使用FileReader這個對象能夠將文件轉爲base64編碼

 1 // 從input控件取得文件對象
 2 var file = document.getElementById('input').files[0];
 3 // 第一步:新建一個這對象
 4 let reader = new FileReader();
 5 if (file)
 6 {
 7 // 第二步:對象載入INPUT裏的文件
 8     reader.readAsDataURL(file);
 9 // 關鍵處:必須在圖片加載完成事件中處理.
10 reader.addEventListener("load", function ()
11   {
12     // console.log('選擇的圖片已經載入...');
13     $('#previmg').prop('src', reader.result);
14     // 對象加載完文件後,result屬性就會有值.值就是base64字符串 
15     $('#showarea').val(reader.result);
16   }, false);
17 }

能夠將轉文件也可轉圖片,不能放太大的文件,不然會卡死