小程序中base64格式和图片互转

小程序中base64格式转成图片

base64转图片

//base64转图片
base64src(base64data, cb) {
	const fsm = wx.getFileSystemManager();
	const FILE_BASE_NAME = 'code'; //自定义文件名
	const [, format, bodyData] = /data:image\/(\w+);base64,(.*)/.exec(base64data) || [];
	if (!format) {
	    return (new Error('ERROR_BASE64SRC_PARSE'));
	}
	const filePath = `${wx.env.USER_DATA_PATH}/${FILE_BASE_NAME}.png`;
	const buffer = wx.base64ToArrayBuffer(bodyData);
    fsm.writeFile({
    filePath,
    data: buffer,
    encoding: 'binary',
    success() {
      cb(filePath);
    },
    fail() {
      return (new Error('ERROR_BASE64SRC_WRITE'));
    },
  });
},
Img(){
	this.base64src(that.page_data.qrCode, resCurrent => { //第一个参数是that.page_data.qrCode是要传入的base64格式的文件，resCurrent是返回的图片
							that.page_data.codePng = resCurrent
	})
}

图片转base64

<template>
  <div>
      <div>
    <input type="file" ref="upFile"  @change="File()"/>
    <img :src="Bsieks" alt="" style="wigth:500px;height:500px"></div>
  </div>
</template>
export default {
  methods: {
    File() {
      let file = this.$refs.upFile.files[0];
      var reader = new FileReader();
      reader.readAsDataURL(file); //调用自带方法进行转换
      reader.onload = (e) => {
        console.log(e.target.result);
      };
    },
  },
};