上传文件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

转载于:https://www.cnblogs.com/yezi-dream/p/10088254.html

上传文件Base64格式（React）相关推荐

vue、微信小程序上传文件(base64格式、一般格式)及vue的表格导入和导出
一.上传文件 1.vue项目 base64格式 onInputChange(el) {var self = this;let file=el.file;let type=file.type.split ...
验证上传文件真实格式
1 /// <summary> 2 /// 验证上传文件真实格式 3 /// </summary> 4 /// <param name="fileUpload& ...
如何限制FileUpload上传文件的格式
这个需求需要用到一个验证控件RequiredFieldValidator 如何限制FileUpload上传文件的格式前言 1.限制上传文件只能为图片格式 2.限制上传文件只能为压缩包总结前言这 ...
antd 中 Upload 上传图片宽高限制以及上传文件的格式限制
一.上传图片的宽高限制在组件Upload中有一个beforeUpload的API,是文件上传之前的钩子函数,我们需要在这个API中做限制 beforeUpload: file => {this ...
ElementUI中el-upload中怎样限制上传文件的格式
场景使用el-upload上传文件时限制只能上传指定格式的文件. 比如这里只允许上传apk格式的文件. 注: 博客: https://blog.csdn.net/badao_liumang_qizh ...
[一键CV] Blazor 拖放上传文件转换格式并推送到浏览器下载
前言昨天有个小伙伴发了一个老外java编写的小工具给我,功能是转换西班牙邮局快递Coreeos express的单据格式成Amazon格式,他的需求是改一下程序为匹配转换另一个快递公司MRW格式到A ...
java 获取上传文件的格式_js和java获取上传文件的文件名以及上传文件格式判断...
js获取文件名: //校验 function check(){ var fileType = $("#template").val(); //判断后缀是不是需要的文件类型 if(f ...
element-ui文件上传修改上传文件的格式
accept=".txt" //多个文件类型用逗号隔开在<el-upload></el-upload>标签里添加上面的代码就可以改上传文件的类型了
jquery file upload 限制上传文件的格式、大小或图片尺寸
限制文件格式.大小 $("#head").fileupload({url: "/front/user/uploadHead",dataType: 'json', ...

上传文件Base64格式（React）

上传文件Base64格式（React）相关推荐

最新文章

热门文章