SSM框架实现插入图片显示图片到JSP界面

话不多说看图
这是自己写的更新页面，点击更新后

在你的数据库表里会出现存储的图片位置，已经报错到数据库中，如下的pic就是，下次在查询或者更新这条数据的话，图片自然就在其中了

首先创建一个Controller
在这个Controller里
public class UploadController {

//商品图片上传
@RequestMapping("itemspic")
public void itemspic(HttpServletRequest request,HttpServletResponse response) throws Exception {MultipartHttpServletRequest mutliRequest=(MultipartHttpServletRequest)request;//获取图片数据MultipartFile mfile=mutliRequest.getFile("itemspic1");//把图片保存在某个路径String uploadFolder=request.getServletContext().getRealPath("/upload");File uploadFolderFile = new File(uploadFolder);if(!uploadFolderFile.exists()){uploadFolderFile.mkdirs();}//文件String suffix = mfile.getOriginalFilename().split("\\.")[1];String fileName = UUID.randomUUID().toString()+ "." + suffix;String totalPath = uploadFolder +"\\"+fileName;FileCopyUtils.copy(mfile.getInputStream(),new FileOutputStream(new File(totalPath)));//返回数据给客户端String imgURL="http://localhost:8080/web_war_exploded/upload/"+fileName;String responseJson="{\"imgUrl\":\""+imgURL +"\"}";response.setHeader("content-type","text/json;charset=utf-8");response.getWriter().write(responseJson);}

}
在JSP页面

<title>编辑商品列表</title>
<script src="${pageContext.request.contextPath}/js/jquery-1.8.3.js"></script>
<script src="${pageContext.request.contextPath}/js/jquery.form.js"></script>
<script>function submitImage(){alert("ok");var options ={type:'post',data:{username:'cl'},dataType:'json',url:'${pageContext.request.contextPath}/upload/itemspic.do',success:function(respData){console.log(respData.imgUrl);$('#pic').attr('src',respData.imgUrl);$('#hiddenPic').val(respData.imgUrl)}}$('#itemsForm').ajaxSubmit(options);}</script>

本次的心得体会是，要注意自己数据库存储图片路径可以占多少位，不要出现存不下的情况，毕竟字符串比较长，还有就是路径一定要对应好。

SSM框架实现插入图片显示图片到JSP界面相关推荐

ssm框架下手机验证码、图片验证码的实现
手机验证码第一步:网上找一个第三方短信接口平台,大多数这样的平台都会有免费试用的通知短信.我这里用的是秒滴科技,注册个账号,赠送200条短信,足够项目练手使用了. 第二步:去用户中心查看TOKEN( ...
java图片显示图片上传
今天要说的是图片上传:上传图片的过程.注(和dao-> Controller层只需要写普通的保存就可以了,图片上传是在jsp页面和控制器的,看下面代码就知道了) 1, 上传图片后在指定的地方显示 ...
java swing awt绘制一个图片查看器图片显示图片控件
感谢 java图片查看器的代码 java似乎没有一个名字叫图片控件的控件,使用swing 的Label显示图片他的代码如下: package swing.draw; import java.aw ...
SSM框架之批量增加示例(同步请求jsp视图解析)
准备环境:SSM框架+JDK8/JDK7+MySQL5.7+MAVEN3以上+Tomcat8/7应用服务器示例说明: 分发给用户优惠券,通过checkbox选中批量分发,对应也就是批量增加. 对于公 ...
SSM框架下后台数据库传送到前端jsp文件中
SSM框架中后台存储在数据库中的数据,如何传送到前端中使用呢? 前提:SSM框架已经搭好: Category.xml中的SQL语句集已经写好 Category中的GetXX()和SetXX()方法也已 ...
ssm框架的项目中用户图片的上传功能
后台管理的web项目中,需要完成图片的上传功能工具准备:一.图片上传的必要JS文件:二:当前页面中JS重写提交图片的方法:三.后台接收和处理图片的方法整体思路:一.HTML中添加文件上传按钮: 二 ...
base64存储图片/显示图片
不知道大家有没有这样一个需求:发布一篇文章,文章内容中可能涉及到图片,那么显示文章时候,如何展示文章如发布一样(包括图片),csdn 的发布文章就是一个很好的例子,虽然我不知道csdn是如何实现的,但 ...
点击图片显示图片放大的弹窗
1.给需要放大的图片标签上加个类比如class="pimg" 同时,写需要弹出的盒子以及需要显示的内容,达到模态框的作用.代码如下: <div><img s ...
matplotlib.pyplot.imshow opencv.imread 图片显示图片读取
# opencv中图像以BGR通道顺序存储 # Matplotlib以RGB通道顺序存储 # 2种解决方式: # 1. import cv2 as cv raw = cv.im ...

SSM框架实现插入图片显示图片到JSP界面

本次的心得体会是，要注意自己数据库存储图片路径可以占多少位，不要出现存不下的情况，毕竟字符串比较长，还有就是路径一定要对应好。

SSM框架实现插入图片显示图片到JSP界面相关推荐

最新文章

热门文章