vue-croppie
vue-croppie copied to clipboard
enableExif is not currently working on crop
Currently uploading an image from a phone camera that then gets passed to croppie, croppie is handling correctly until I crop the image.
here's my component: Croppie is getting called on main.js
Below is inside a single component ImageCrop.vue
<vue-croppie
ref=croppieRef
:enableExif="true"
:enableOrientation="false"
:viewport="{ width: 375, height: 375, type: 'square' }"
@result="result">
</vue-croppie>
data () {
return {
url: this.$store.state.payload.image,
cropped: null,
options: {
format: 'jpg',
circle: false,
size: 'viewport'
}
}
},
mounted () {
this.$refs.croppieRef.bind({
url: this.url
})
},
methods: {
crop () {
this.$refs.croppieRef.result(this.options, (output) => {
console.log(output)
this.cropped = output
})
},
result (output) {
console.log('result: ', this.cropped)
this.cropped = output
}
}
Any help would be greatly appreciated, a bit stumped here.
So what is the issue here? You never explained what problem you are experiencing.