上传图片后如何裁剪图片

import 'babel-polyfill'; // es6 shim
import Vue from 'vue';
import myUpload from 'vue-image-crop-upload/upload-1.vue';
new Vue({
el: '#app',data: {
show: true,params: {
token: '123456798',name: 'avatar'
},headers: {
smail: '*_~'
},imgDataUrl: '' // the datebase64 url of created image
},components: {
'my-upload': myUpload
},methods: {
toggleShow() {
this.show = !this.show;
}
},events: {
/**
* crop success
*
* [param] imgDataUrl
* [param] field
*/
cropSuccess(imgDataUrl,field){
console.log('-------- crop success --------');
this.imgDataUrl = imgDataUrl;
},/**
* upload success
*
* [param] jsonData server api return data,already json encode
* [param] field
*/
cropUploadSuccess(jsonData,field){
console.log('-------- upload success --------');
console.log(jsonData);
console.log('field: ' + field);
},/**
* upload fail
*
* [param] status server api return error status,like 500
* [param] field
*/
cropUploadFail(status,field){
console.log('-------- upload fail --------');
console.log(status);
console.log('field: ' + field);
}
}
});


set avatar
:
:
url="/upload"
:params="params"
:headers="headers"
lang-type="en"
:value.sync="show"
img-format="png">