上传文件Base64格式(React)
程序员文章站
2022-06-29 12:35:39
记录一下上传文件时将文件数据转为Base64的方法 通过 FileReader对象创建一个实例,然后使用 readAsDataURL方法将数据转为Base64格式 注意: 读取过程是异步的 绑定onload事件,该事件在数据读取完成后触发 具体代码(react项目中): const reader = ......
记录一下上传文件时将文件数据转为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
推荐阅读
-
Nodejs把接收图片base64格式保存为文件存储到服务器上
-
JavaScript Base64 作为文件上传的实例代码解析
-
windows下上传shell脚本不能运行—将dos模式修改为unix 文件格式
-
微信小程序实现pdf、word等格式文件上传的方法
-
jQuery实现文件编码成base64并通过AJAX上传的方法
-
把vux中的@font-face为base64格式的字体信息解码成可用的字体文件
-
iOS里实现multipart/form-data格式上传文件
-
支持多文件、多格式远程上传的FTP实战案例
-
Android文件图片上传的详细讲解(一)HTTP multipart/form-data 上传报文格式实现手机端上传
-
微博不能上传图片片显示文件格式错误怎么办?