开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

社区首页 >专栏 >纯JavaScript 非flash 上传头像/图片截取截图

纯JavaScript 非flash 上传头像/图片截取截图

用户1258909

发布于 2018-07-03 12:20:33

8110

发布于 2018-07-03 12:20:33

举报

文章被收录于专栏：拂晓风起拂晓风起拂晓风起

介绍一个jquery的插件：jcrop

http://deepliquid.com/content/Jcrop.html。源代码在此：CSDN~~

利用这个插件基本可以做出上传图片，然后截图的功能了。

基本思路是：

1、上传图片。（最好用非刷新的方式，例如隐藏iframe）

2、显示图片，加入jcrop操作

3、上传截图的信息，坐标点，宽高

4、后台根据信息截取图片，实际上生成一个新图

由于我的代码用CI的，所以不好整理出来~~只上个粗糙的图吧：

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2011-10-11 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

0 条评论

热度

最新

LV.