上传文件Base64格式(React)

Posted yezi-dream

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了上传文件Base64格式(React)相关的知识,希望对你有一定的参考价值。

     记录一下上传文件时将文件数据转为Base64的方法

     通过 FileReader对象创建一个实例,然后使用 readAsDataURL方法将数据转为Base64格式

     注意: 读取过程是异步的

     绑定onload事件,该事件在数据读取完成后触发

     具体代码(react项目中):

         const reader = new window.FileReader();

         reader.readAsDataURL(fileObject);

         reader.onload = () => {

            Base64Data = reader.result;  // reader.result 就是转成base64的数据

         };

 

      FileReader对象的更多信息:https://developer.mozilla.org/zh-CN/docs/Web/API/FileReader

 

以上是关于上传文件Base64格式(React)的主要内容,如果未能解决你的问题,请参考以下文章

element ui之图片上传以base64的格式传给后端

ajax异步上传图片文件并将其转换为base64格式

如何以角度2上传base64文件

上传图片转换格式为base64并预览

请不要用php进行base64编码文件上传

如何使用Jmeter在Web服务中上传和编码(base64)文件