SpringMVC 文件上传(图片示例) 数据库保存图片名

SpringMVC 文件上传

 

Servlet3.0规范已经提供方法来处理文件上传,但这种上传需要在Servlet中完成。而Spring MVC则提供了更简单的封装。 
Spring MVC为文件上传提供了直接的支持,这种支持是用即插即用的MultipartResolver实现的。Spring MVC使用Apache Commons FileUpload技术实现了一个MultipartResolver实现类:CommonsMultipartResolver。因此,SpringMVC的文件上传还需要依赖Apache Commons FileUpload的组件。

这里在用Maven做一个简单无线点餐的后台系统案例时,用到这个知识点来操作菜品的图片。(jar包是必备的)

  • 这里是用的bootstrap写的添加菜品的表单, 截取和简写了其中上传图片的部分
<div class="modal-body">
	<form class="form-horizontal" id="new_food_form" enctype="multipart/form-data">
        <div class="form-group">
			<label for="new_img" class="col-sm-2 control-label"> 菜品图片</label>
				<div class="col-sm-10">
   					<input type="file" class="form-control" id="file" name="file" />
                    <input type="submit" value="上传">
				</div>
		</div> 
	</form>
</div>

这里比较要注意的就是负责上传文件的表单的编码类型必须是“multipart/form-data”

  • applicationContext.xml配置中配置  (这里需求不多,有其他需求可百度multipartResolver配置详情)
<!-- 图片获取 maxUploadSize:设置最大限制 字节为单位  
			限制不是针对单个文件,而是所有文件的容量之和-->
   <bean id="multipartResolver"     
         class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
   		<property name="maxUploadSize" value="1024000"></property>
   </bean>
  • 在来看看控制器(截取操作MultipartFile 的片段)
@RequestMapping(value="/createFood",method=RequestMethod.POST)
	@ResponseBody
	public String createFood(@RequestParam(value = "file", required = false)MultipartFile file,HttpServletRequest request) throws IOException {
		if (file != null) {
				//获取文件名
			  	String fileName = file.getOriginalFilename(); 
			    //从request中取,得到webapp路径
			    String dir = request.getServletContext().getRealPath("/");
			    //拼接文件夹
			    String saveDir = dir + "images/";
			    String path = saveDir+fileName;
			    // 转存文件到指定的路径
			    file.transferTo(new File(path));
		}

     学生..初来乍到,不喜勿喷。只为保持学习状态。谢谢= =。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
好的,我可以为您提供一些实现步骤,具体如下: 1.在Spring MVC的配置文件中添加文件上传的配置,包括文件上传的大小、文件保存的路径等配置,如下所示: ``` <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> <property name="maxUploadSize" value="5242880"/> <property name="defaultEncoding" value="utf-8"/> <property name="resolveLazily" value="true"/> </bean> ``` 2.在前端页面中使用Layui的上传组件,代码如下所示: ``` layui.use('upload', function(){ var upload = layui.upload; //执行实例 var uploadInst = upload.render({ elem: '#test1', //绑定元素 url: '/upload/', //上传接口 accept: 'images', size: 5120, done: function(res){ //上传完毕回调 }, error: function(){ //请求异常回调 } }); }); ``` 3.在Spring MVC的Controller中编写文件上传的代码,包括文件上传、文件保存以及将文件信息保存到数据库的操作,代码如下所示: ``` @RequestMapping(value = "/upload", method = RequestMethod.POST) @ResponseBody public Map<String, Object> upload(HttpServletRequest request, HttpServletResponse response) { Map<String, Object> map = new HashMap<String, Object>(); try { MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request; MultipartFile file = multipartRequest.getFile("file"); String fileName = file.getOriginalFilename(); String suffix = fileName.substring(fileName.lastIndexOf(".") + 1); String newFileName = UUID.randomUUID().toString() + "." + suffix; String savePath = request.getSession().getServletContext().getRealPath("/") + "upload/"; File savePathFile = new File(savePath); if (!savePathFile.exists()) { savePathFile.mkdirs(); } String filePath = savePath + newFileName; File dest = new File(filePath); file.transferTo(dest); String imgUrl = "/upload/" + newFileName; //图片访问路径 //将文件信息保存到数据库 Image image = new Image(); image.setFilename(fileName); image.setUrl(imgUrl); imageService.saveImage(image); map.put("code", 0); map.put("msg", "上传成功"); map.put("data", imgUrl); } catch (Exception e) { e.printStackTrace(); map.put("code", -1); map.put("msg", "上传失败"); map.put("data", ""); } return map; } ``` 以上就是使用Spring MVC和Layui实现图片上传并保存到数据库的步骤。希望能对您有所帮助。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值