FlyHeLanMan
2015-02-06 14:56:05
原
springMVC+Jcrop实现图片上传源代码分享,支持上传前预览 裁剪后再上传【打包自己的web工程】
我其实比较懒,一般所有的练习都在一个工程里面,这次把图片的这个工程分离出来了,用的是springmvc,但是程序有一点小bug,当第一次打开jcop.jsp选择图片是不会显示,此时刷新一下地址栏重新访问jcop.jsp就ok了,我也不知道为啥...
因为自己还在学习阶段,今天正好想实现这么一个小功能,说简单点就是上传图片,上传前可以预览,裁剪,类似上传头像的功能。参考了网上大部分资料,最后选择用Jcrop,因为正好在学springMvc,就结合起来了。下面是效果:
这个地方会报错,我猜想是名字冲突引起的,但是不影响最终效果。
上传成功后我设置的路径是保存在了发布目录下:
如图:_src结尾的是原图,_cut结尾的是裁剪之后的图。下面我把用到的工具包以及js文件打包,需要放到springMvc 的环境下。大家有问题在私信我吧,看到我会回复的,没问题神马的,最好啦。
总体思路是:jsp文件找到Controller,Controller里面调用了两个工具类,因为是初学,工具类都是copy过来的,算是收集起来跟大家分享吧。需要注意的是:要放到springMvc 环境下哦。
下面补一下jar包吧:原谅我的没有整理的习惯吧,初学者咯,基本我做的所有的联系都是这些jar包,不明白牛大人给的币好高,我也是借鉴的别人的代码撒。
下面打包一下吧: http://pan.baidu.com/s/1bnnPsvH
加了点东西,把上传的原图给删除掉。加了一个删除文件的工具类,PS:晚上很多啦随便down,嘿嘿。
package com.bjsxt.util; import java.io.File; public class FileDelete { /** * 删除文件、文件夹 */ public static void deleteFile(String path) { File file = new File(path); if (file.isDirectory()) { File[] ff = file.listFiles(); for (int i = 0; i < ff.length; i++) { deleteFile(ff[i].getPath()); } } file.delete(); } }
我是在cut工具类里输出裁剪后的图才删除的原图,如下:
猜你喜欢
- java servlet无刷新上传图片文件并裁剪demo代码(Jcrop)
- SpringMVC整合Redis demo小例子
- bootstrap jquery underscore backbone 新浪微博 springmvc整合demo代码
- spring mvc开发实现图片动态裁剪上传,并配置多数据源示例
- spring MVC通过ajax无刷新实现图片预览上传项目源码下载
- SpringMvc整合Mybatis搭建java Web入门项目实例,是基于MAVEN的java web工程
- jquery图片上传实例
- CKeditor上传图片的实现
- ckeditor整合Spring MVC实现富文本编辑器上传图片实例
- HTML5批量图片上传插件,支持多个图片上传功能
- ajax上传图片代码实例
- Android图片文件上传实例
请下载代码后再发表评论
文件名:imgupload.rar,文件大小:5276.156K
下载
- /
- /imgupload
- /imgupload/.classpath
- /imgupload/.project
- /imgupload/.settings
- /imgupload/.settings/.jsdtscope
- /imgupload/.settings/org.eclipse.jdt.core.prefs
- /imgupload/.settings/org.eclipse.wst.common.component
- /imgupload/.settings/org.eclipse.wst.common.project.facet.core.xml
- /imgupload/.settings/org.eclipse.wst.jsdt.ui.superType.container
- /imgupload/.settings/org.eclipse.wst.jsdt.ui.superType.name
- /imgupload/src
- /imgupload/src/com
- /imgupload/src/com/renhe
- /imgupload/src/com/renhe/img
- /imgupload/src/com/renhe/img/controller
- /imgupload/src/com/renhe/img
- /imgupload/src/com/renhe
- /imgupload/src/com
- /imgupload
相关代码
- 证精 基于浏览器首选语言的springmvc和freemarker国际化配置的实现
- 原 基于maven与springMVC的拦截器Interceptor,控制器Controller的使用
- springmvc @RequestMapping注解的入门配置教程
- 精 SpringMVC的三种统一异常处理实例代码分享
- 证精 bootstrap jquery underscore backbone 新浪微博 springmvc整合demo代码
- 精 spring mvc-showcase,便于学习springmvc,maven工程,建议使用谷歌浏览器
- 原证精 springmvc @RequestMapping注解伪静态技术
- 原 springMVC注解与hibernate完美结合完成基本的增删改查demo源码下载
- 原 SpringMVC整合Redis demo小例子
- 原证精 java Web SpringMVC项目实现12306余票查询功能
- 原 SpringMvc整合Mybatis搭建java Web入门项目实例,是基于MAVEN的java web工程
- 原证 springmvc开发微信公众平台验证token接口教程及其java源代码分享
最近下载
hanxinjie LV25
2019年8月12日
keen1066 LV17
2018年12月25日
cczzhh LV9
2018年12月5日
haiwen LV19
2018年11月8日
dangzhiyuan012 LV12
2018年5月10日
韩鹏飞 LV1
2018年4月29日
youlinewlife LV8
2018年2月6日
dfaghrs LV19
2018年1月26日
tyyeng LV18
2018年1月2日
wgc_jy LV21
2017年12月31日
最近浏览
kele200 LV3
2023年10月31日
zhy1989wz LV6
2022年3月30日
微信网友_5826872227139584 LV1
2022年2月10日
chen12341234 LV11
2021年5月21日
哎呀 LV1
2021年5月15日
13427720820 LV8
2021年5月4日
zx54321 LV12
2021年3月30日
ghost_M LV7
2021年1月7日
松烟入墨2018 LV16
2020年7月4日
dl51918 LV3
2020年6月23日