使用vue-cropper裁剪完图片怎么返回图片

Question

this.$refs.cropper.getCropBlob((datas) => {
    this.option.img = datas
    console.log(datas)
  })

返回的是这个是怎么回事？？，因为要将裁剪完的图片上传给后台而不是base64格式，求指教！！

Answer 1

我们的做法是,后台兼容 Base64 格式的图片上传

这个对于后端来说,又不是很麻烦的事情,截取头信息,把剩下的内容 base64 decode,然后写入文件即可.

只是由于 base64 编码的问题,会导致上传的数据量多了1/3. 如果后台设置了最大上传大小,需要注意下这个编码后可能会超掉.