java文件上传

第一步：前端（引入jquery.js和query.form.js）

<form enctype="multipart/form-data" id="myForm">   
 <input type="text" class="form-control" name="introduce" placeholder="">
 <input type="file" class="form-control" name="file" placeholder="">
/*注意：此处的type不要写submit*/
<input type="button" class="layui-btn" value="提交" id="z_submit" />
 </form>

/*以下是js提交代码*/
$("#z_submit").click(function() {
	var options = {
		type: 'post',
		url: 'http://localhost:8080/science-technology-server/addPavilion',
		success: function(ret) {
			console.log(ret)
			alert("ok")
		},
		error: function(ret) {
			console.log(ret)
			alert("error")
		}
	};

	$('#myForm').ajaxSubmit(options);
});

第二步：后台处理

@RequestMapping("/addPavilion")
	private ReplyResult addPavilion(@RequestParam(value = "file", required = false) MultipartFile file,Pavilion pavilion) throws Exception {
		String rootPath = ResourceUtils.getURL("D:/development/eclipse/").getPath() + "upload/";
		File rootFile = new File(rootPath);
		if (!rootFile.exists()) {
			rootFile.mkdirs();
		}
		String realPath = new Date().getTime() + file.getOriginalFilename(); // 存储文件
		File storeFile = new File(rootPath + realPath);
		file.transferTo(storeFile);
		// 写入数据库
		pavilion.setImage(realPath); // 数据库字段缺少img和userid，就是图片信息和上传者
		if (pavilion != null) {
			pavilionService.addPavilion(pavilion);
		}

		return new ReplyResult(0, "ok");
	}