javascript-文件File轉換成base64格式

不能直接訪問用戶計算機中的文件，一直都是Web應用開發中的一大障礙。2000年以前，處理文件的唯一方式就是在表單中加入<input type="file">字段，僅此而已。FileAPI(文件API)的宗旨是為Web開發人員提供一種安全的方式，以便在客戶端訪問用戶計算機中的文件，並更好地對這些文件執行操作。

 

具體參考：http://www.cnblogs.com/xiaohuochai/p/6543019.html

 

js 圖片轉換base64 base64轉換為file對象

具體參考：https://blog.csdn.net/mrzhangdulin/article/details/86213714

 

 

具體案例：

phone:function (event) {
   var a = event.target;
   var txt=a.files[0];
   formData.append('img[]',txt);
   var src=window.URL.createObjectURL(txt);
   $(".size24").after("<img  src='"+ src +"'class='back-fu-left back_jia rig'/>")
   


   //存儲方式二
   if(txt) {
      //一張圖片被選中
      if (/image/.test(txt.type)) {
         var reader = new FileReader();
         reader.readAsDataURL(txt);
         reader.onload = function () {
            var base = reader.result;
            var name = txt.name;


            //取值
            var arr = base.split(','), mime = arr[0].match(/:(.*?);/)[1],
                  bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
            while(n--){
               u8arr[n] = bstr.charCodeAt(n);
            }
            var a =  new File([u8arr], name, {type:mime});
            console.log(a);
            var src=window.URL.createObjectURL(a);
            console.log(src);
         }
         //其他格式文件被選中
      }
   }
},