参数 |
描述 |
默认值 |
uploadUrl |
上传URL |
- |
uploadData |
上传数据 uploadData:{ "dummyData":1, "dummyData2":"text" } |
- |
cropUrl |
裁剪url cropUrl:'path_to_your_image_cropping_file.php' |
- |
cropData |
裁剪数据 cropData:{ "dummyData":1, "dummyData2":"text" } |
- |
preloadImage |
预加载图片 loadPicture:'path-to-your-image' |
- |
defineControls |
定义控制按钮 var cropperOptions = { zoomFactor:10, doubleZoomControls:true, rotateFactor:10, rotateControls:true } |
- |
outputUrlId |
成功裁剪图像的url ID |
- |
customUploadButtonId |
自定义上传按钮 customUploadButtonId:'myDivId' |
- |
modal |
是否模态框弹出层显示 modal:true |
- |
callbacks |
var cropperOptions = { onBeforeImgUpload: function(){ console.log('onBeforeImgUpload') }, onAfterImgUpload: function(){ console.log('onAfterImgUpload') }, onImgDrag: function(){ console.log('onImgDrag') }, onImgZoom: function(){ console.log('onImgZoom') }, onBeforeImgCrop: function(){ console.log('onBeforeImgCrop') }, onAfterImgCrop: function(){ console.log('onAfterImgCrop') }, onReset: function(){ console.log('onReset') }, onError: function(errormsg){ console.log('onError:'+errormsg) } } |
- |
METHODS |
cropper.destroy() // 销毁所有控制按钮功能 cropper.reset() // 重置 |