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

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

WBOY
풀어 주다: 2016-06-07 11:37:05
원래의
1160명이 탐색했습니다.

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으로 문의하세요.
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿