VUE前台图片转base64传给Django

首先图片转码

 getImg(file, fileList) {
      this.getBase64(file.raw).then(res => {
      console.log(res)
      })
    },

 getBase64(file) {
      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)
        }
      })
 

返回的res是 data:image/jpeg;base64,/9j/4AAQSkZJRg+A……………………=

坑1，我把base64码单独提出作为string传后台，后台收不到数据。解决：直接把整个res 作为post data返回给后台即可成功。

坑2，后台获取的base64码中，+被识别成空格传给后台，=会消失。解决：将base64编码后的数据再进行urlencode编码，然后再进行传递就可以了，例：

imageEncodeBase64 = encodeURIComponent(res)