SpringMVC实现对文件上传

最新推荐文章于 2024-05-10 11:13:24 发布

原创最新推荐文章于 2024-05-10 11:13:24 发布 · 150 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#SpringMVC #文件上传

SpringMVC 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个使用JSP实现的文件上传界面及后台处理流程。前端利用jQuery和layui框架设计了美观的上传按钮，并通过ajax实现了异步上传；后台采用Spring MVC框架接收上传的文件，使用CommonsMultipartFile处理多文件上传，最后调用服务层方法完成文件的导入操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.jsp页面代码

<form action="${pageContext.request.contextPath}/advertItemManage/batchAddAdvertItem.do" name="fileForm" enctype="multipart/form-data" method="post">
        <table>
            <tr>
                <td><label class="layui-form-label">请选择文件:</label></td>
                <td><input  type="file" name="file" multiple="multiple"></td>
            </tr>
            <tr>
            	<td><label class="layui-form-label"></label></td>
                <!-- <td><input class="layui-btn" type="submit" onclick="subimtBtn();" value="上传"></td> -->
            </tr>
        </table>
    </form>
    <div class="layui-form-item" >
    <label class="layui-form-label"></label>
    	<button class="layui-btn"  onclick="subimtBtn();" >上传</button>
    </div>
<script type="text/javascript">
 	function subimtBtn() {  
        var form = $("form[name=fileForm]");  
        var options  = {    
            url:'${pageContext.request.contextPath}/advertItemManage/batchAddAdvertItem.do',    
            type:'post',    
            success:function(data)    
            { 
            	layui.use(["form","table"], function(){
          		  var layer = layui.layer;
            	if(data != "true"){
    	        	layer.msg(data, {icon:1});
    	            }else if(data == "true"){
    	            	layer.msg("上传成功!",{icon:1});
    	                }else{
    	                	layer.msg("上传失败!",{icon:1});
    	                    } 
            	});
            }    
        };    
        form.ajaxSubmit(options);  
    }
</script>

注意：需要引入

jquery.form.min.js

2.后台代码：

@ResponseBody
	@RequestMapping("batchAddAdvertItem")
	public String batchAddAdvertItem(@RequestParam(value = "file", required = false) CommonsMultipartFile file[],
            HttpSession session){
		ModelAndView mv = new ModelAndView();
		mv.setView(Jackson2Util.jsonView());
		String result = null;
		try {
			result = advertItemService.importAdvertItemFiles(file);
			if("yes".equals(result)) {
				result = "导入成功";
			}
		} catch (Exception e) {
			logger.error("导入广告信息出错", e);
		}
		return result;
	}

ok了