JQuery实现图片的裁功能和进行图片大小的压缩

作者: 小枫枫

临枫的项目经历分享给你们啦~

扫码交朋友

标签:

特别声明:文章有少部分为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

前几天公司项目需求裁剪图片的功能,我就在网上找了一副源码,但是使用起来有Bug ,裁剪之后的图片居然比原图片大两倍,这就很尴尬哈哈,然后我就加了一个裁剪之后压缩图片的功能

这样的话  裁剪之后的图片就可以变得很小(可以手动设置压缩比例  源码有注释)

因为引入了css和JQuery  代码太多我就不放了  具体可以下载附件查看 

 

*******************************

imgShear.zip

***********************************

 

因为项目需要把裁剪的图片(file)发送到后台   所以我在确认按钮上加了一个Ajax事件

因为我是使用 iframe(不懂的去百度一下这个标签)引入的网页

所以使用了 iframe 页面传值 来判断来自哪个父页面   具体的可以看注释 很详细的

希望可以帮到你们

 

 

本文最后更新于2019-8-28,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!
分享到:
打赏

作者: 小枫枫, 转载或复制请以 超链接形式 并注明出处 小枫枫不疯喔
原文地址: 《JQuery实现图片的裁功能和进行图片大小的压缩》 发布于2019-8-28

评论

切换注册

登录

您也可以使用第三方帐号快捷登录

切换登录

注册

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏