最近公司博客上线,头像那里要有个随意剪切的功能。
jquery的jcrop插件功能强大,只要把需要剪切的图片的id设为target(假设为target)
$('#target').Jcrop({
minSize: [48,48],
setSelect: [0,0,190,190],
onChange: updatePreview,
onSelect: updatePreview,
onSelect: updateCoords,
aspectRatio: 1
}
设置相关属性就能实现看视复杂的功能,具体看附件
相关推荐
jcrop实现剪切上传图片,获取剪切图片的坐标和宽高度,还有一些操作例子。
自己通过ajaxfileupload.js结合struts2实现图片上传文件,并通过jcrop和java图像处理功能实现了图片剪切的功能。该功能效果和新浪QQ的头像上传功能效果一样,在ie下可以正常使用 火狐下更换图片时效果样式会走形
p+jquery(jcrop)实现的图片上传前先进行剪切预览,导入即用。
整理了图片大小限制的处理。新建的个项目添加spring和struts2的jar包就可以运行,我用到的包在项目下有截图。
使用Jcrop 实现图片上传前进行剪切预览效果,亲测火狐、谷歌、IE浏览器!
最近在项目开发中遇到了这样的需求就是要实现用户上传头像,并且要保存用户裁切后的部分作为用户头像。下面给大家分享node.js(express)中使用Jcrop进行图片剪切上传功能,需要的的朋友参考下吧
但是今天介绍的一款专用于图片裁切的插件jquery.Jcrop.min.js就将揭开图片剪切的神秘面纱。使用这个插件可以很方便的实现这一功能,使用时仅需鼠标在图片上圈选出选区,即可把图片裁切成所选部分,非常适合用于头像...
3.利用jcrop裁剪工具对图片进行裁剪并且实时预览 4.点击确定按钮将裁剪用到的参数传入后台,后台图片进行剪切,之后缩放成我们需要的格式 5.最后将图片路径传到前台进行展示 前台页面代码为: <script src="j
很久没有更新博客了,再不写点东西都烂了。... Jcrop:用于前端“裁剪”图片 bootstrap-fileinput:用于前端优化上传控件样式 ARTtemplate:JS版的JSTL?反正就是一个腾讯的模板化插件,很好用,真心。 bootstrap
在网上找个众多例子都没有符合要求的,有一篇文章写的不错,Asp.Net平台下的图片在线裁剪功能的实现代码(源码打包),大家可以看下 2、组成 首先说明一下代码实现所用到的技术,仅供参考: 开发工具:vs2010 目标...
jquery.Jcrop实现图片选取裁剪上传,包含php服务端源码