上传图片修改图片格式

161 阅读1分钟
getBase64 (file) {
  var reader = new FileReader()
  reader.readAsDataURL(file)
  return new Promise((resolve, reject) => {
    reader.onload = function () {
      resolve(reader.result)
    }
    reader.onerror = function (error) {
      reject(error)
    }
  })
},
imgToCanvas (image) {
  let canvas = document.createElement('canvas')
  canvas.width = image.width
  canvas.height = image.height
  canvas.getContext('2d').drawImage(image, 0, 0)
  return canvas
},
canvasToImg (canvas) {
  return canvas.toDataURL('image/jpeg')
},
beginUpload (image) {
  const _this = this
  let imgCanvas = _this.imgToCanvas(image)
  let imageSrc = _this.canvasToImg(imgCanvas)
  uploadImage({ img_base: encodeURIComponent(imageSrc) }).then(res => {
    // your code
  })
},
uploadFile (file) {
  const _this = this
  this.getBase64(file.file).then(res => {
    var image = new Image()
    image.src = res
    image.onload = function () {
      _this.beginUpload(image)
    }
  }).catch(err => {
    console.log(err)
  })
}