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

介绍一个jquery的插件:jcrop

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

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

基本思路是:

1、上传图片。(最好用非刷新的方式,例如隐藏iframe)

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

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

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

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏地方网络工作室的专栏

Shell 命令行批量处理图片文件名

Shell 命令行批量处理图片文件名 从网上下载了一堆图片,有的是*.jpg的,有的是*.jpeg的。并且文件名有长有短,很是糟心。因此,我想把这些文件给全部整...

29010
来自专栏上善若水

S008SELinux的约束操作

约束(constraints),是SELinux很有用的特新,它的使用十分普遍。很多时候,用户觉得约束是一种添加到黑名单上,并使其受限的方法。当然前提是默认允许...

1142
来自专栏JavaEdge

git配置0 配置 用户信息1 配置 行尾和颜色2 有用的设置

2895
来自专栏喵了个咪的博客空间

phalapi-入门篇2(把它玩起来)

#phalapi-入门篇1(把它玩起来)# ? ##前言## 先在这里感谢phalapi框架创始人@dogstar,为我们提供了这样一个优秀的开源框架. 这一小...

3857
来自专栏Golang语言社区

Golang语言--select

Golang语言--select golang的select与channel配合使用。它用于等待一个或者多个channel的输出。 应用场景:主goroutin...

3437
来自专栏机器学习从入门到成神

Spring使用p名称空间配置属性

Spring的p标签是基于XML Schema的配置方式,目的是为了简化配置方式。

1011
来自专栏极客生活

数据分析Excel之去重

默认是所有列对比,也就是将所有列看成一个元组,全都相同才算重复。 比如上图中,由于「全选」,只有一个重复值就是20行和21行,点击「删除重复项」即可。

691
来自专栏菩提树下的杨过

进程与线程

一般来讲,当启动一个应用程序时,系统里就生成了一个进程, 这个进程拥有自己的内存空间。(我们平时用windows的任务管理器看到的也就是进程) 但也有特殊:比如...

19310
来自专栏IT可乐

Linux系列教程(八)——Linux常用命令之压缩和解压缩命令

  前面一篇博客我们讲解了Linux帮助和用户管理命令,对于帮助命令,man 命令能获得命令和配置文件的帮助信息,help命令能获得shell内置命令的帮助信息...

1958
来自专栏Java 技术分享

Hibernate Session总结

1236

扫码关注云+社区