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)
})
}