Open julianvk opened 5 years ago
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.
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
Any help would be greatly appreciated, a bit stumped here.