iview中Upload 上传文件转化为base64

html代码:

在:before-upload= " " 时进行操作,

<Upload
  ref="upload"
   :before-upload="handleBeforeUpload"
   :show-upload-list="false"
   :on-success="uploadSuccess"
   :on-error="uploadError"
   :format="['crt', 'cer']"
   :max-size="10240"
   :on-format-error="handleFormatError1"
   :on-exceeded-size="handleMaxSize"
   :headers="{ Authorization: token }"
   v-model="formAdd.rootCertContent"
   multiple
   type="drag"
   :action="uploadUrl"
   style="display: inline-block; width: 58px"
 >

vue代码:

// 转化 base64
   handleBeforeUpload(file) {
     // 清除上一次选择的文件 避免后面不在触发此事件
     this.$refs["upload"].clearFiles();
     this.rootFileName = file.name;  // 上传文件名称
     const reader = new FileReader();
     //将文件读取为 DataURL 以data:开头的字符串
     reader.readAsDataURL(file);
     reader.onload = (e) => {
       // 读取到的图片base64 数据编码 将此编码字符串传给后台即可
       const code = e.target.result;
       this.imgBase64 = code;  
     };
   },
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值