前端js上传文件转base64

js插件 专栏收录该内容
4 篇文章 0 订阅

在开发react中涉及一些图标,图片上传的时候,后端的同志为了”自己在数据库存储方便“,让我前端传base64给他们(这里👎一下),胳膊拧不过大腿啊,那就转呗。介绍一个好使用的插件react-file-reader

上代码:

1.安装插件  

npm install react-file-reader --save

 2.代码引入

import ReactFileReader from "react-file-reader";

3.写页面方法

<ReactFileReader  
              fileTypes={[".png",".jpg",".gif", "jpeg"]}
              base64
              multipleFiles={!1}
              handleFiles={this.handleFiles}>
              <Button>
                <Icon type="upload" /> 选择文件
              </Button>
 </ReactFileReader>

// 获取上传的图片的base64地址
  handleFiles = (files) => {
    console.log(files.base64);
  }

插件来源:https://www.npmjs.com/package/react-file-reader

  • 0
    点赞
  • 0
    评论
  • 1
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值