以前在别的论坛,或网站。上传头像时。总是不是很好,有的直接缩略,有的。从中间剪切。
在线剪切可以给用户更好的体验。呵
今天就用jsCropperUI-1.2.0
加上rmagick 做一个简单的在线头像剪切。。效果还可以如图。前端页面用jsCropperUi 给的例子很好做出
后台代码也就几行而己
begin
img = Magick::Image::read(tmpfile).first
unless width == 0 or height == 0
img.crop!(x1,y1,width,height)
end
img.thumbnail!(120, 150)
img.write(outfile){ self.quality = 95; self.density = 92; }
rescue Exception => err
@upload_image_error = 'Could not process your image file. Pleasetry again.' + err
puts "****************#{@upload_image_error}*********************"
end
tmpfile 为上传来的原始文件。
outfile 为要输出的地址
quality , density 为质量和精细度
很简单的就可以完成了
分享到:
- 2008-06-27 16:27
- 浏览 1703
- 评论(3)
- 论坛回复 / 浏览 (3 / 3479)
- 查看更多
相关推荐
获取头像加剪切获取头像加剪切android头像上传(获取头像加剪切)android头像上传(获取头像加剪切)android头像上传(获取头像加剪切)android头像上传(获取头像加剪切)android头像上传(获取头像加剪切)android...
头像剪切器的核心功能是让用户选择一个图像,然后在界面上自由拖动或调整选择区域来裁剪图像。这个过程涉及到以下几个关键步骤: 1. **加载图像**:使用`ImageSourceConverter`将本地图片文件转换为`ImageSource`,...
同时,这个组件还可以包含一个图像剪切工具,让用户可以自由调整选取的头像部分。 2. **图像剪切处理**:Flash提供了丰富的图形处理API,可以实现图像的裁剪、缩放、旋转等功能。在用户确定剪切范围后,Flash将截取...
在Android应用开发中,用户头像的上传与剪切是一项常见的功能,特别是在社交类应用中。这个主题将探讨如何在Android平台上实现这一功能,包括获取用户头像、图像剪切以及将其上传到服务器。 首先,我们需要获取用户...
在IT行业中,头像剪切上传功能是许多网站和应用中的常见需求,它允许用户选择并裁剪自己的图片作为个人头像。这个"头像剪切上传jquery+java源码"是一个实现这一功能的示例项目,包含了前端的jQuery交互和后端的Java...
在Java编程领域,实现类似开心网的剪切头像功能是一项常见的需求,它涉及到图像处理、用户交互以及前端展示等多个方面。在这个过程中,开发者需要掌握一些核心知识点,下面将详细阐述这些关键点。 1. 图像处理库:...
在微信小程序开发中,创建一个用户友好的头像剪切功能是常见的需求。"小程序剪切头像demo" 是一个专为此目的设计的项目,它利用了`we-cropper`框架来简化这一过程,使得开发者能够更快速、更直观地理解和实现这个...
在Android应用开发中,"拍照、剪切、上传头像"是常见的功能需求,涉及到的主要知识点包括用户界面设计、图片处理、相机权限管理和网络上传。本文将深入探讨这些技术要点。 1. 用户界面设计: 创建一个简洁易用的...
在Java和jQuery的世界里,创建一个用户上传并剪切头像的功能是一项常见的需求,尤其在社交网络、个人资料管理或在线社区应用中。这个例子提供了一个解决方案,允许用户选择一张图片,然后对其进行剪切,调整大小,...
Android头像剪切,解决了上一版剪切结果偏移的问题。这里是Android Studio版,实现过程可到博客http://blog.csdn.net/qmln31821007/article/details/49995657中查看,博客中有Eclipse版demo下载
【仿微信头像剪切】是一种常见的图像处理技术,它主要模仿了微信应用程序中的头像裁剪功能,让用户能够按照自己的喜好和需求调整并裁剪图片,以制作出适合社交媒体平台如微信、微博等的理想头像。这个过程涉及到多个...
在Java开发中,头像的剪切和上传功能是一项常见的需求,特别是在Web应用中,比如社交网络、用户注册等场景。本教程将详细介绍如何使用Java技术栈,结合jQuery ImgCrop库,来实现这一功能。 首先,我们需要理解头像...
在Android开发领域,创建一个高仿微信头像剪切功能是一项常见的需求,它涉及到用户界面交互、图片处理以及自定义视图等技术。这个项目标题"高仿微信头像剪切"表明我们要实现的是一个与微信类似的功能,允许用户通过...
【头像剪切demo】是一个基于JavaScript实现的实用插件示例,主要目的是提供一种便捷的方式让用户能够裁剪上传的头像,以满足网站或应用中个性化头像的需求。在这个项目中,我们关注的重点是JavaScript技术及其在图像...
总的来说,这个HTML5上传图片拖动剪切头像截图插件充分利用了HTML5的先进特性,为用户提供了一个方便且直观的头像编辑工具,无需复杂的后端处理,所有的操作都在客户端完成,提高了应用的响应速度和用户体验。
在IT行业中,头像剪切是一项常见的图像处理任务,它涉及到图形用户界面设计、图像处理技术以及编程。这里我们关注的是使用Flash技术进行头像剪切的实现方法。Flash,作为一个曾经广泛应用于网页动画和交互设计的平台...
在IT行业中,前端开发经常会遇到用户需要上传头像并进行个性化剪切的需求,这能提升用户体验,让网站或应用更具个性化。"jQuery实现头像剪切"是一个典型的前端交互功能,它结合了图像处理和用户交互,使得用户可以...
在Onethink系统中,用户头像的剪切上传是常见的功能之一,这涉及到前端图像处理技术和后端服务器的配合。下面,我们将深入探讨这一功能的实现原理和相关技术。 一、前端图像处理 1. 图像选择与预览:前端通常使用...
"微博Falsh头像自定义剪切"是一个功能,允许用户根据自己的喜好调整和定制头像,以展示独特的个性。这个功能通常包括多个编辑选项,如剪裁、缩放、反转以及调整亮度等。 1. **头像剪裁**:剪裁是定制头像的基本步骤...
实现圆形头像剪切的技术主要包括图像处理和用户交互两部分。在前端开发中,我们通常会用到HTML5的Canvas API来实现这一功能。Canvas提供了一套强大的绘图工具,可以让我们在网页上动态地绘制和修改图像。通过Canvas...