base64图片格式字符流上传后台服务器

base64图片格式字符流上传后台服务器

格式：

let dataUrl = data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABPoAAAEVCAYAAAB5UItcAAAAAXNSR0IArs4c6QAAIABJREFUeF7svV2sbctVHjjXz95nn3Pt4wsk6oeIVjqJBC80Im6k..............

//转化方法：
DataURIToBlob( dataUrl ) {
  const splitDataURI = dataURI.split(',')
  const byteString = splitDataURI[0].indexOf('base64') >= 0 ? atob(splitDataURI[1]) : decodeURI(splitDataURI[1])
  const urlString = splitDataURI[0].split(':')[1].split(';')[0]
  const flow = new Uint8Array(byteString.length)
  for (let i = 0; i < byteString.length; i++)
   flow[i] = byteString.charCodeAt(i)
  return new Blob([flow], { type: urlString  })
},
//上传服务器
Submit () {
  const file = this.DataURIToBlob( dataUrl )
  const formData = new FormData();
  formData.append('file', file, 'image.jpg') 
  this.$post('https://xxx.xxx.com', formData
  ).then(res => {
    console.log(res);
  })
}

效果