yunqing的gravatar头像
yunqing2017-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 LV82020年3月31日
月亮月亮
tianboguang LV72019年8月19日
月亮星星星星星星
wade123 LV312018年12月17日
太阳月亮月亮月亮星星星星星星
xyr10161 LV42018年4月21日
月亮
fenghuijun LV262018年4月8日
太阳月亮月亮星星星星
同志们45 LV102018年3月8日
月亮月亮星星星星
Crystal520 LV32017年12月15日
星星星星星星
tyyeng LV162017年12月15日
太阳
dayisgegu LV62017年11月22日
月亮星星星星
吴Honey LV22017年9月17日
星星星星
最代码最近浏览分享源代码列表最近浏览
kevinkg LV112020年6月21日
月亮月亮星星星星星星
pzy12345 LV82020年3月31日
月亮月亮
heshipei LV12020年3月9日
星星
a123454856 LV12020年2月14日
星星
finnfy LV22020年2月10日
星星星星
傻子1234 LV12019年12月23日
星星
mjmkl7j2019年10月27日
暂无贡献等级
sexhpl LV72019年8月28日
月亮星星星星星星
niniabi123 LV12019年8月20日
星星
tianboguang LV72019年8月19日
月亮星星星星星星
顶部客服微信二维码底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友