jQuery Jcrop图像裁剪的插件结合java后台实现图片裁剪的功能下载

AI100_小助手 2020-04-23 02:52:41

jquery Jcrop 是一个功能强大的 jQuery 图像裁剪插件，结合后端程序（例如：java）可以快速的实现图片裁剪的功能
相关下载链接：//download.csdn.net/download/qq_5101437/8251847?utm_source=bbsseo

...全文

59 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

jquery Jcrop 是一个功能强大的 jQuery 图像裁剪插件，结合后端程序（例如：java）可以快速的实现图片裁剪的功能

本文介绍了头像裁剪上传功能，用到的技术有 jQuery，springmvc，裁剪插件用的是jcrop（中间遇到很多坑，最终跨越）。图片上传步骤： 1.用户选择图片 2.将图片传入后台：用户选择图片的时候选择的是各种各样的，但是我们的网页显示图片大小是有限的，所以我们就要在用户选择图片之后将图片添加到后台进行压缩，压缩成我们想要的大小，之后再显示到页面才好 3.利用jcrop裁剪工具对图片进行裁剪并且实时预览 4.点击确定按钮将裁剪用到的参数传入后台，后台图片进行剪切，之后缩放成我们需要的格式 5.最后将图片路径传到前台进行展示前台页面代码为： <script src="j

该资源是自己做的（后台是java，页面是jsp，用了Jcrop插件裁剪图片），能实现上传本地图片,预览在页面上并根据用户的需求进行任意大小的裁剪，最后将裁剪后的图片进行展示。整个过程会把图片的名字插入数据库字段；我上层用的是springmvc，我的代码是从项目中分离出来的，非常好移植，里面有详细的使用说明，项目中有用到的可以参考~下载的资源中还包含2个上传头像裁剪头像保存头像的demo，这两个demo都是eclipse版本的，导入就可以运行！

项目的运行描述：首先index.jsp上传图片到服务器，重命名保存在本地文件夹，并在message.jsp实现预览，使用Jcrop插件进行图片的截取操作，(注意这里不是真的截取，只是在前段选取一个截取的范围，然后把截取尺寸数据传到后台，由UploadSubImage.java接受截取尺寸进行截取操作)，并重命名保存截取后的图片到本地文件夹，最后显示在index.jsp中。需要的包：项目的截图：项目...

项目需要做一个头像截取的功能，类似于QQ头像截取功能。在网上搜了下，最后使用jQuery插件jcrop来截取在后台来进行图片切割。头像截取的原理：在前台使用jcrop获取切面的x轴坐标、y轴坐标、切面高度、切面宽度，然后将这四个值传给后台。在后台要进行放大处理：将切面放大N倍，N=原图/前台展示的头像。即X = X*原图宽/前图宽，Y = Y

下载资源悬赏专区

12,887

社区成员

12,439,498

社区内容

发帖

与我相关

我的任务

其他技术论坛（原bbs）

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章