动态遍历富文本的img标签的src是否是base64(把base64替换成http开头的路径)

// 将base64转换成文件流
自己遇到的问题，领导给了一个任务，需要查看富文本编辑器中的img标签的src是否是base64格式，是的话就需要调接口变成https开头的图片路径替换base64。找了半天没找到类似的，自己总结一下吧 。

 

base64toFile (dataurl) {

// 将base64转换成文件流
      let filename = 'file'
      let arr = dataurl.split(',')
      let mime = arr[0].match(/:(.*?);/)[1]
      let suffix = mime.split('/')[1]
      let bstr = atob(arr[1])
      let n = bstr.length
      let u8arr = new Uint8Array(n)
      while (n--) {
          u8arr[n] = bstr.charCodeAt(n)
      }
      return new File([u8arr], `${filename}.${suffix}`, {
          type: mime
      })
    },

  // 富文本的方法改变返回数据
    onContentChange(val, num) {
      let content = val;
      let imgReg = /<img.*?(?:>|\/>)/gi // 匹配图片中的img标签
      let srcReg = /src=[\'\"]?([^\'\"]*)[\'\"]?/i // 匹配图片中的src
      let arr = content.match(imgReg)  // 筛选出所有的img
      let srcArr = []
      if (arr != null) {
        for (let i = 0; i < arr.length; i++) {
          let src = arr[i].match(srcReg)
          // 获取图片地址判断是否是base64格式
          if (src[1].indexOf('base64') == -1) {
            return
          } else {
            srcArr.push(src[1])
          }
        }
        let formData = new FormData()
        srcArr.forEach(item =>  {
          // 将base64转换成文件流
          formData.append('file', this.base64toFile(item))

        // 这里是上传文件流的接口
          uploadyunfile(formData).then((res) => {
            if (res.code == 200) {
              this.contentValue = content.replace(item, res.data.filePath);

            // 这里有点坑，因为是循环，老是拿不到最新数据，通过watch监听动态赋值。
            }
          }).catch((res) => {
            
          })
        })
      }
      this.wordslength = num;
      this.ruleForm.intro = content;
      this.debounce(3000, ["intro", val]);
    },
  // 动态监听并赋值
   watch: {
     contentValue(val) {
      if (val) {

      监听动态赋值
        this.ruleForm.intro = val;
      }
    }
  }