技术饭

uploadfive1.2.2 + jquery-cropper实现图片裁剪后上传

copylian    0 评论    3778 浏览    2018.12.07

为了做图片上传然后再进行裁剪之后上传,这个东西研究了一晚上,本来想参考webuploader + cropper实现图片裁剪后上传,但是两者上传还是有一些差别,所以就重新整理了uploadfive1.2.2 + jquery-cropper实现图片裁剪后上传,分享出来让大家少走弯路!!!

1544165276(1).png

效果图不是同一张哈,需要注意的重点在下图:原始是将file文件转成data:image模式,然后放在cropper上预览,裁剪完成就重新转成uploadfive所需要的文件形式

1544165745(1).png

下图是改变裁剪比例时,需要重新生成

1544165707(1).png

附上代码,大家自行研究吧,

uploadifive+jquery-cropper.zip

飓风呀
感谢你的支持,我会继续努力!
扫码打赏,感谢您的支持!

文明上网理性发言!

  • 还没有评论,沙发等你来抢