yunqing的gravatar头像
yunqing 2017-07-25 15:42:07

jquery图片裁剪插件jquery.jcrop.js上传图片文件到java servlet服务端的实例

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

需要的包:

 

jquery图片裁剪插件jquery.jcrop.js上传图片文件到java servlet服务端的实例

项目的截图:

jquery图片裁剪插件jquery.jcrop.js上传图片文件到java servlet服务端的实例

项目的运行截图:

jquery图片裁剪插件jquery.jcrop.js上传图片文件到java servlet服务端的实例

jquery图片裁剪插件jquery.jcrop.js上传图片文件到java servlet服务端的实例

jquery图片裁剪插件jquery.jcrop.js上传图片文件到java servlet服务端的实例

注意:Jcrop是jquery的一个插件,使用Jcrop需要引入的相关的库有:

图片过大或者过小会导致截图效果与预览中截图效果不一致的问题,分析原因:我在message.jsp中对预览的大图限制了尺寸,限制的是宽400px,高300px,由于图片过大或者过小,会在预览的时候把图片缩放到400X300的大小,然后Jcrop插件对缩放后的图片进行截取尺寸,把这个尺寸传到后台,后台Java代码截取的是原图,就会出现不一致的现象,解决办法:把message.jsp中限制大小的width=400px和height=300px去掉,就可以了。

jquery图片裁剪插件jquery.jcrop.js上传图片文件到java servlet服务端的实例


打赏

文件名: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
最代码最近下载分享源代码列表最近下载
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日
最代码最近浏览分享源代码列表最近浏览
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日
顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友