FileReader

Posted mirrortom

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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 }

可以将转文件也可转图片,不能放太大的文件,否则会卡死

以上是关于FileReader的主要内容,如果未能解决你的问题,请参考以下文章

JAVA IO流相关代码(FileWriter,FileReader)

FileReader类使用

第2章 FileReader类使用

fileReader.readAsBinaryString 上传文件

带有 FileReader() 的 Javascript 承诺

判断浏览器是否支持FileReader