jquery裁剪图片插件cropit示例

niunan 2019-04-18

javascript Image jquery 插件 index file html Blog

重装农药第16天!!

jquery裁剪图片插件cropit示例

背景:做的手机网页项目,用html file控件上传图片,有些手机拍照后图片会很大,20M以上的,用之前的H5 formdata上传的话有时会非常慢的,就想着能不能在选择图片的时候直接在客户端处理下,把选择的图片按规格的大小裁剪掉,上网搜索了一下,发现cropit这个玩意,自己FQ进官网下载示例弄了下,成功实现想要的功能


cropit000.png

cropit111.png

cropit222.png

原图:25M

裁剪后:175K

http://blog.niunan.net/jquery_caijian/index.html
源码下载:
http://image.niunan.net/jq%E8%A3%81%E5%89%AA%E6%8F%92%E4%BB%B6cropit%E7%A4%BA%E4%BE%8B.7z
登录 后评论
下一篇
我是你爱豆
8884人浏览
2019-08-22
相关推荐
Java实现图片裁剪预览功能
653人浏览
2017-11-22 19:11:00
jQuery 瀑布流插件: Wookmark
499人浏览
2014-02-22 17:06:00
jQuery 图像裁剪插件Jcrop
465人浏览
2015-01-04 13:32:00
0
0
0
475