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

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

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

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

imgShear.zip

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

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

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

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

希望可以帮到你们

分享到：

打赏