您现在的位置: 首页 > Jquery插件 > jQuery图片裁剪 > 正文

功能强大的jquery图像裁剪插件croppic.js

作者:admin来源:网络浏览:时间:2015-09-12 10:09:50我要评论
分享到

内容介绍

PHP+croppic裁剪图片插件,上传插件5个实例,包括在模态弹出层中裁剪、显示url后裁剪、预加载等。



cropper图片裁剪中文API

参数 描述 默认值
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() // 重置

下载资源:402 下载积分:0
相关热词搜索:
下一篇:最后一页