Vue2项目图片转base64和base64转图片的方法

 图片转base64的方法

 getBase64(file) {
      //把图片转成base64编码
      return new Promise(function (resolve, reject) {
        let reader = new FileReader();
        let imgResult = "";
        reader.readAsDataURL(file);
        reader.onload = function () {
          imgResult = reader.result;
        };
        reader.onerror = function (error) {
          reject(error);
        };
        reader.onloadend = function () {
          resolve(imgResult);
        };
      });
    },

base64转图片的方法

const iamgeBase64 = "data:image/jpeg;base64," + data.iamgeBase64;
        if (typeof iamgeBase64 === "string") {
          // 复制某条消息
          if (!iamgeBase64) return; // console.log(data.string) // 正则表达式判断data是否是base64
          function validDataUrl(s) {
            return validDataUrl.regex.test(s);
          }
          validDataUrl.regex =
            /^\s*data:([a-z]+\/[a-z0-9-+.]+(;[a-z-]+=[a-z0-9-]+)?)?(;base64)?,([a-z0-9!$&',()*+;=\-._~:@\/?%\s]*?)\s*$/i; // 如果是base64转换成图片预览
          if (validDataUrl(iamgeBase64)) {
            // debugger;
            let that = this;
            function previwImg(item) {
              that.imageUrl = item;
            }
            previwImg(iamgeBase64);
          }
        }