文件名称:JCrop:Jcrop 是一个功能强大的 jQuery 图像裁剪插件,结合后端程序(如
文件大小:307KB
文件格式:ZIP
更新时间:2024-07-30 23:07:32
JavaScript
##JCrop 选择图片--上传到服务器(php)--返回路径--前台获得路径显示图片--crop图--发送位置数据到后台---后台裁剪图片--返回裁剪后的路径到前台显示 ###Jcrop 是一个功能强大的 jQuery 图像裁剪插件,结合后端程序(如:PHP)可以快速的实现图片裁剪的功能。 ###图片截取的原理: 在后台来进行图片的切割,在前台使用jcrop获取切面的x轴坐标、y轴坐标、切面高度、切面宽度, 然后将这四个值传给后台。在后台要进行放大处理:将切面放大N倍,N=原图/前台展示的头像。 即 X = X原图宽/前图宽, Y = Y原图高/前, 图高, W = W原图宽/前图宽, H = H原图高/前图高。 基本options参数设置: 名称 默认值 说明 allowSelect true 允许新选框 allowMove true 允许选框移动 allowResize true 允
【文件预览】:
JCrop-master
----images()
--------default.jpg(208KB)
--------submit.gif(1KB)
--------bg.jpg(4KB)
----jquery.Jcrop.min.js(21KB)
----resize.php(3KB)
----index.html(10KB)
----js()
--------jquery.js(91KB)
----config.inc.php(1KB)
----Jcrop.gif(329B)
----upload.php(1014B)
----jquery.Jcrop.css(793B)
----.gitignore(606B)
----uploadify()
--------uploadify-cancel.png(3KB)
--------jquery.uploadify-3.1.js(63KB)
--------jquery.uploadify-3.1.min.js(45KB)
--------uploadify.css(2KB)
--------uploadify.swf(12KB)
----README.md(3KB)
----.gitattributes(483B)