欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  php教程

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

程序员文章站 2022-05-21 12:49:23
...
croppic是前台剪切后,发回剪切的图片数据到PHP后台,然后后台将该数据保存为图片,并生成一条引用链接返回到前台。
功能强大的jquery图像裁剪插件
croppic+PHP远程上传裁剪代码如下:var croppicHeaderOptions = {
//uploadUrl:'img_save_to_file.php',
cropData: {
"dummyData": 1,
"dummyData2": "asdas"
},
cropUrl: 'img_crop_to_file.php',
customUploadButtonId: 'cropContainerHeaderButton',
modal: false,
processInline: true,
loaderHtml: '
',
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(errormessage) {
console.log('onError:' + errormessage)
}
}
var croppic = new Croppic('croppic', croppicHeaderOptions);
PHP裁剪演示地址:http://www.sucaihuo.com/js/480.html

功能强大的jquery图像裁剪插件 PHP+croppic裁剪图片插件.zip ( 1.67 MB 下载:48 次 )

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