功能强大的jquery图像裁剪插件
程序员文章站
2022-06-15 20:32:41
...
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插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
-
jQuery插件FusionCharts实现的Marimekko图效果示例【附demo源码】
-
jQuery插件zTree实现更新根节点中第i个节点名称的方法示例
-
jQuery插件HighCharts绘制的基本折线图效果示例【附demo源码下载】
-
jQuery中图片展示插件highslide.js的简单dom
-
jQuery插件HighCharts绘制的2D堆柱状图效果示例【附demo源码下载】
-
jQuery插件HighCharts实现的2D堆条状图效果示例【附demo源码下载】
-
jQuery插件FusionCharts实现的3D帕累托图效果示例【附demo源码】
-
jQuery的cookie插件实现保存用户登陆信
-
jQuery插件FusionCharts实现的2D面积图效果示例【附demo源码下载】