功能强大的jquery图像裁剪插件
程序员文章站
2022-05-21 12:49:23
...
croppic是前台剪切后,发回剪切的图片数据到PHP后台,然后后台将该数据保存为图片,并生成一条引用链接返回到前台。
croppic+PHP远程上传裁剪代码如下:
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.htmlPHP+croppic裁剪图片插件.zip ( 1.67 MB 下载:48 次 )
AD:真正免费,域名+虚机+企业邮箱=0元
推荐阅读
-
jQuery插件实现的日历功能示例【附源码下载】
-
jquery封装插件时匿名函数形参和实参的写法解释
-
jquery滚动条插件jScrollPane的使用介绍
-
jQuery插件命名模式、扩展jQuery的方式
-
jQuery插件echarts实现的单折线图效果示例【附demo源码下载】
-
jQuery插件echarts实现的去掉X轴、Y轴和网格线效果示例【附demo源码下载】
-
jQuery插件Echarts实现的双轴图效果示例【附demo源码下载】
-
jQuery插件echarts实现的循环生成图效果示例【附demo源码下载】
-
jQuery插件echarts实现的多柱子柱状图效果示例【附demo源码下载】
-
jQuery插件echarts实现的多折线图效果示例【附demo源码下载】