需求说明简单来说就是要实现用户上传头像，并且要保存用户裁切后的部分作为用户头像。 第一步，选择图片： 第二步，在弹窗页面中展现并进行裁切： 第三步，点击“保存”，上传服务器。实现过程说来有点坎坷...
分类：
Web程序 时间：
2017-04-21 10:09:08
阅读次数：
310
1.前端一般用Jcrop这个jq插件 要返回 x: 图片 x坐标 y: 图片 y坐标 w: 图片 宽度 h: 图片 高度 2.node 实现 3.这种方式一般用在用户的头像处理 取大图和小图 并保存在node 的相应位置 配合方式 先上传图片：http://www.cnblogs.com/zycbl ...
分类：
其他好文 时间：
2016-12-28 19:47:37
阅读次数：
176
兼容：ie6+,FF,chrome等 示例图： CSS： 说明：图像比例为110:135 下载包里有 jquery.Jcrop.css .jc-demo-box{position: relative; background-color: #e7e7e7; width: 395px; height: ...
分类：
Web程序 时间：
2016-12-27 16:01:00
阅读次数：
606
作者：Dreawer链接：https://zhuanlan.zhihu.com/p/24465742来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 作者：梦游的龙猫（转载已获得作者许可） 很久没有更新博客了，再不写点东西都烂了。 这次更新一个小内容，是两个插件的组合使 ...
分类：
Web程序 时间：
2016-12-21 09:44:19
阅读次数：
432
很久没有更新博客了，再不写点东西都烂了。 这次更新一个小内容，是两个插件的组合使用，实现头像上传功能。 业务需求： 头像上传功能，要对上传的文件进行剪切，且保证头像到服务器时必须是正方形的。 优化<input type="file">的显示样式，基础的样式实在太难看了。 上传的头像需要进行质量压缩跟 ...
分类：
Web程序 时间：
2016-12-19 19:08:09
阅读次数：
424
1.需求 移动端头像裁剪功能 2.解决方案 使用jq和jcrop插件完成 3.解决思路 先把可移动的层的左上角左边和长宽传到后端，后端获得这些数据之后用gd库的函数去裁剪服务端的图片。 默认要裁剪的图片已经上传到后台，图片上传的解决方案这下面链接 http://www.cnblogs.com/nor ...
分类：
移动开发 时间：
2016-12-16 22:16:29
阅读次数：
349
为大家介绍个插件：jCrop。这个插件被我用在了多个项目中，如通过画热力图来查看某块地方用户的浏览数，放大缩小拖动选框来实时预览所选区域的图片病裁剪，设置头像是选框必须要是正方形，它有着丰富的配置参数和回调函数。 其常用的参数和回调方法在网上都可以找到，例如是否允许拖放，是否允许新选框，选框允许的大 ...
分类：
其他好文 时间：
2016-12-14 22:06:06
阅读次数：
151
在做项目的过程中，有很多时候前端的图片会出现拉伸现象，所以在上传图片的时候，图片裁剪是必不可少的。所以有了封装一个图片裁剪工具的念头，下面是实现步骤: 1.首先选择一个前台裁剪工具，我这里使用的是Jcrop-0.9.12。 2.开始编写前端js代码: 我这里把前端封装成一个函数 /** * 初始化裁 ...
分类：
编程语言 时间：
2016-09-08 16:10:49
阅读次数：
273
在页面进行截取的时候，如果所操作的图片与原图大小不一致，在后台进行截取的时候就会出现偏差， 此处拿到原图后会与页面显示的图片大小进行比较，计算比例，进行比例缩放，在进行截取 ...
分类：
编程语言 时间：
2016-06-26 15:15:24
阅读次数：
217
原文地址:http://my.oschina.net/zhengweishan/blog/700677 先说下基本的环境：maven+springmvc+jcrop 一言不合就放源码：http://git.oschina.net/zhengweishan/springmvc-jcrop （完全可以跑 ...
分类：
编程语言 时间：
2016-06-25 13:44:22
阅读次数：
611
