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

介绍一个jquery的插件:jcrop

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

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

基本思路是:

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

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

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

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

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

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏小L的魔法馆

MySql修改WordPress密码

3576
来自专栏Golang语言社区

Golang语言--日志库glog解析

glog简介 glog是著名的google开源C++日志库glog的golang版本,glog是一个轻量级的日志库,上手简单不需要配置文件并且稳定高效,但是可以...

4076
来自专栏还债之路

Linux文件权限的总结详解

892
来自专栏深度学习之tensorflow实战篇

SQL客户端DBvisualize直接导入数据出现中文乱码

中文出现??? 导致这种原因是因为其分隔符或者是换行符导致的 首先执行查看数据编码命令: show create database kmind; ...

3377
来自专栏ITCloud的专栏

nova backup 剖析

nova backup 可以指定虚拟机备份类型,备份保留的数目,那 nova backup 到底是怎么做到备份虚拟机的?下面为大家拨开层层迷雾。

1300
来自专栏小樱的经验随笔

把模块有关联的放在一个文件夹中 在python2中调用文件夹名会直接失败 在python3中调用会成功,但是调用不能成功的解决方案

把模块有关联的放在一个文件夹中 在python2中调用文件夹名会直接失败 在python3中调用会成功,但是调用不能成功 解决办法是: 在该文件夹下加入空文件_...

2745
来自专栏无所事事者爱嘲笑

windows上react-native run-android时Exception in thread "main" java.lang.IllegalArgumentException: MALF

1186
来自专栏后端云

ceph数据存储的几个概念

最下面的蓝色长条可以看成一个个主机,里面的灰色圆柱形可以看成一个个OSD,紫色的cabinet可以也就是一个个机柜, 绿色的row可以看成一排机柜,顶端的roo...

1245
来自专栏算法channel

Python|Pyinstaller打包Python程序的过程详解

01 Pyinstaller是什么 PyInstaller is a program that freezes (packages) Python progr...

4765
来自专栏Jerry的SAP技术分享

Kubenetes里pod和service绑定的实现方式

我之前的文章 如何在Kubernetes里创建一个Nginx service介绍了如何创建一个Kubernetes pod和service,使用的方法是命令ku...

633

扫码关注云+社区