PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 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() // 重置

    下载资源:386 下载积分:0
    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-123-547-1.html
    相关热词搜索:
    下一篇:最后一页