Convert image url to base64 image with canvas to upload to firebase as a data URL
photoUpload: function () {
var img = new Image()
var c = document.createElement('canvas')
var ctx = c.getContext('2d')
let storage = firebase.storage()
let storageRef = storage.ref()
let filesRef = storageRef.child('images/' + this.markerId + '.jpg')
// window.alert(img.src)
img.onload = function () {
c.width = this.naturalWidth // update canvas size to match image
c.height = this.naturalHeight
ctx.drawImage(this, 0, 0)
var dataURL = c.toDataURL('image/jpeg', 0.75)
filesRef.putString(dataURL, 'data_url')
.then((snapshot) => {
window.alert('Uploaded a blob or file!')
var downloadURL = snapshot.downloadURL
window.alert(downloadURL)
}).catch((error) => {
window.alert(error)
})
}
img.crossOrigin = '' // if from different origin
img.src = this.photoURL
}