首页 > php教程 > php手册 > 功能强大的jquery图像裁剪插件

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

WBOY
发布: 2016-06-07 11:37:05
原创
1159 人浏览过

croppic是前台剪切后,发回剪切的图片数据到PHP后台,然后后台将该数据保存为图片,并生成一条引用链接返回到前台。
功能强大的jquery图像裁剪插件
croppic+PHP远程上传裁剪代码如下:var croppicHeaderOptions = {<br>     //uploadUrl:'img_save_to_file.php',<br>     cropData: {<br>         "dummyData": 1,<br>         "dummyData2": "asdas"<br>     },<br>     cropUrl: 'img_crop_to_file.php',<br>     customUploadButtonId: 'cropContainerHeaderButton',<br>     modal: false,<br>     processInline: true,<br>     loaderHtml: '<div> <span></span><span></span><span></span> </div> ',<br>     onBeforeImgUpload: function() {<br>         console.log('onBeforeImgUpload')<br>     },<br>     onAfterImgUpload: function() {<br>         console.log('onAfterImgUpload')<br>     },<br>     onImgDrag: function() {<br>         console.log('onImgDrag')<br>     },<br>     onImgZoom: function() {<br>         console.log('onImgZoom')<br>     },<br>     onBeforeImgCrop: function() {<br>         console.log('onBeforeImgCrop')<br>     },<br>     onAfterImgCrop: function() {<br>         console.log('onAfterImgCrop')<br>     },<br>     onReset: function() {<br>         console.log('onReset')<br>     },<br>     onError: function(errormessage) {<br>         console.log('onError:' + errormessage)<br>     }<br> }<br> var croppic = new Croppic('croppic', croppicHeaderOptions);PHP裁剪演示地址:http://www.sucaihuo.com/js/480.html

附件 PHP+croppic裁剪图片插件.zip ( 1.67 MB 下载:48 次 )

AD:真正免费,域名+虚机+企业邮箱=0元

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门推荐
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板