spring mvc 多文件上传

最新推荐文章于 2024-05-09 20:06:45 发布

原创最新推荐文章于 2024-05-09 20:06:45 发布 · 322 阅读

0 ·

CC 4.0 BY-SA版权

java 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个使用HTML和JavaScript实现的文件上传功能，并展示了如何通过Ajax提交表单数据及文件到服务器端。服务器端采用Java接收文件并进行处理，包括文件名获取、文件大小读取及文件类型判断等。

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

html：

<form id="form">
	<a href="javascript:;" class="file" id='fileTr'>附件上传<input type="file" multiple="multiple" name="documentFile" id="documentFile"/></a>
	<input type="hidden" name="params" id="params"/>
</form>

js：

显示选择的文件名：

$("#form").on("change","input",function(){
		var length = $(this)[0].files.length;
		var dom="";
		for(var i=0;i<length;i++){    
			userFiles.push($(this)[0].files[i]);
			var temp = $(this)[0].files[i].name;          
			dom +="<div><label>"+temp+"</label><a href='javascript:void(0);'>删除</a></div>";
		}
		$("#file-name").append(dom);		fileClean();

});

//表单提交

$("#form").ajaxSubmit({
type: 'post',
url: '你的url',
data:{
test1:'test1',
test2：'test2'
},
success: function(data) {
fileClean();
alert('提交成功!');
},
error:function(){
alert('系统异常，请稍后重试!');
}
});

function fileClean(){
	document.getElementById('fileTr').innerHTML = "附件上传<input type='file' multiple='multiple' name='documentFile' id='documentFile'/>";
	$("#file-name-list").html("");
}

java:

@RequestMapping(value = "", method = RequestMethod.POST)
	@OpenApi
	public String submit(@RequestParam MultipartFile[] documentFile,HttpServletRequest request,String test1,String test2){
		return service.submit(documentFile,request);
	}

实现层：

@Override
	public String submit(MultipartFile[] documentFile, HttpServletRequest request) {
		
		for(int i = 0 ;i<documentFile.length;i++){
	    	MultipartFile file = documentFile[i];
	    	String path=null;
	    	String fileType=null;
	    	String fileName= file.getOriginalFilename();
	    	Long fileSize = file.getSize();
	    	fileType = fileName.indexOf(".")!=-1?fileName.substring(fileName.lastIndexOf(".")+1, fileName.length()):null;
	    	String realPath=request.getSession().getServletContext().getRealPath("/");
	    	String trueFileName=String.valueOf(System.currentTimeMillis())+fileName;
	    	path=realPath+/*System.getProperty("file.separator")+*/trueFileName;
	    	// 转存文件到指定的路径
	    	if (fileType!=null) {
		    	try {
					file.transferTo(new File(path));
					
				} catch (IOException e) {
					e.printStackTrace();
					return e.toString();
				}
	    	}
	    }
		
	return "单据提交成功!";
	}