javascript-文件File转换成base64格式

Posted 2021-01-29 1O(∩_∩)O1

不能直接访问用户计算机中的文件，一直都是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);
         }
         //其他格式文件被选中
      }
   }
},