yunqing
2017-07-25 15:42:07
jquery图片裁剪插件jquery.jcrop.js上传图片文件到java servlet服务端的实例
项目的运行描述:首先index.jsp上传图片到服务器,重命名保存在本地文件夹,并在message.jsp实现预览,使用Jcrop插件进行图片的截取操作,(注意这里不是真的截取,只是在前段选取一个截取的范围,然后把截取尺寸数据传到后台,由UploadSubImage.java接受截取尺寸进行截取操作),并重命名保存截取后的图片到本地文件夹,最后显示在index.jsp中。
需要的包:
项目的截图:
项目的运行截图:
注意:Jcrop是jquery的一个插件,使用Jcrop需要引入的相关的库有:
图片过大或者过小会导致截图效果与预览中截图效果不一致的问题,分析原因:我在message.jsp中对预览的大图限制了尺寸,限制的是宽400px,高300px,由于图片过大或者过小,会在预览的时候把图片缩放到400X300的大小,然后Jcrop插件对缩放后的图片进行截取尺寸,把这个尺寸传到后台,后台Java代码截取的是原图,就会出现不一致的现象,解决办法:把message.jsp中限制大小的width=400px和height=300px去掉,就可以了。
猜你喜欢
- jquery插件开发图片左右旋转,在线裁剪源代码下载
- java servlet无刷新上传图片文件并裁剪demo代码(Jcrop)
- jquery图片懒加载插件jquery.imgLazyload.js实例
- jquery图片上传实例
- jquery图片画廊轮播插件
- jquery兼容性极好的图片放大镜插件
- jquery插件scroll-loading实现的图片延迟加载
- jquery实现的图片旋转实例
- jquery插件jquery.lazyload实现的图片延迟加载
- jquery图片放大镜特效插件源代码下载
- jquery表格插件jquery.dataTables.js使用实例
- jsp+Servlet+jcrop开发实现上传图片裁剪简单demo实例
请下载代码后再发表评论
文件名:myupload.rar,文件大小:10637.301K
下载
- /
- /myupload
- /myupload/.classpath
- /myupload/.project
- /myupload/.settings
- /myupload/.settings/.jsdtscope
- /myupload/.settings/org.eclipse.core.resources.prefs
- /myupload/.settings/org.eclipse.jdt.core.prefs
- /myupload/.settings/org.eclipse.wst.common.component
- /myupload/.settings/org.eclipse.wst.common.project.facet.core.xml
- /myupload/.settings/org.eclipse.wst.jsdt.ui.superType.container
- /myupload/.settings/org.eclipse.wst.jsdt.ui.superType.name
- /myupload/build
- /myupload/build/classes
- /myupload/build/classes/com
- /myupload/build/classes/com/yunqing
- /myupload/build/classes/com/yunqing/servlet
- /myupload/build/classes/com/yunqing/servlet/uploadPic.class
- /myupload/build/classes/com/yunqing/servlet
- /myupload/build/classes/com/yunqing
- /myupload/build/classes/com
- /myupload/build/classes
- /myupload
![最代码相关代码源代码列表](https://static.zuidaima.com/resource/img/heart_ico.png)
![最代码最近下载分享源代码列表](https://static.zuidaima.com/resource/img/heart_ico.png)
pzy12345 LV8
2020年3月31日
tianboguang LV7
2019年8月19日
wade123 LV31
2018年12月17日
xyr10161 LV4
2018年4月21日
fenghuijun LV26
2018年4月8日
同志们45 LV10
2018年3月8日
Crystal520 LV3
2017年12月15日
tyyeng LV18
2017年12月15日
dayisgegu LV6
2017年11月22日
吴Honey LV2
2017年9月17日
![最代码最近浏览分享源代码列表](https://static.zuidaima.com/resource/img/cattle_ico.png)
ssssssaDFS
2022年4月1日
暂无贡献等级
灿烂不完一夏 LV5
2021年11月23日
kevinkg LV12
2020年6月21日
pzy12345 LV8
2020年3月31日
heshipei LV1
2020年3月9日
a123454856 LV1
2020年2月14日
finnfy LV2
2020年2月10日
傻子1234 LV1
2019年12月23日
mjmkl7j
2019年10月27日
暂无贡献等级
sexhpl LV7
2019年8月28日