话不多说直接上代码
一、html页面 代码
<h1>ajax异步上传文件</h1>
<input type="file" id="upload">
<button id="but"onclick="oneUpload()" >上传</button>-->
<h1>ajax异步多文件上传</h1>
<form id="fileForm">
<input type="file" name="files" multiple="multiple" >
<input type="button" id="btn_add_file" value="上传附件" onclick="upload_files()">
</form>
二、下面是js代码
<script language="JavaScript" src="/jquery1.11.3.js"></script>
<script>
//单文件上传
function oneUpload() {
var file = document.getElementById("upload").files[0];
var formData = new FormData();
formData.append("file", file);
$.ajax({
type: 'POST',
url: '/upload/oneUpload',
processData: false, //是否把上传的数据 处理为对象 默认为true
contentType: false, //避免让jquery 设置请求头有可能会破坏分隔符。 而使服务器不能正常解析文件
data:formData,
success: function (data) {
alert(data);
}
})
})
//多文件上传
function upload_files() {
var formData = new FormData($("#fileForm")[0]);
//var formData = new FormData();
//formData.append("files", file);
$.ajax({
type: 'POST',
url: '/upload/allUpload',
processData: false, //是否把上传的数据 处理为对象 默认为true
contentType: false, //避免让jquery 设置请求头有可能会破坏分隔符。 而使服务器不能正常解析文件
data:formData,
success: function (data) {
alert(data);
}
})
}
</script>
三、下面是java代码 写的有些简陋 自己可以根据需求补充
SimpleDateFormat sft = new SimpleDateFormat("/yy/MM/dd");
/**
* 单文件上传
*
* @param file
* @param request
* @return
*/
@PostMapping("/oneUpload")
public String oneUploadFile(MultipartFile file, HttpServletRequest request) {
String path = "F://图片/img/";
String data = sft.format(new Date());
String fileName = file.getOriginalFilename();
String lastStr = fileName.substring(fileName.lastIndexOf("."));
if (".txt".equals(lastStr)) {
return "文件格式不正确";
}
;
File file1 = new File(path + data);
if (!file1.exists()) {
file1.mkdirs();
}
String newName = UUID.randomUUID().toString().replace("-", "") + fileName;
try {
file.transferTo(new File(file1, newName));
String url = path + data + "/" + newName;
return url;
} catch (IOException e) {
e.printStackTrace();
}
//文件存储路径
return "error";
}
/**
* 多文件上传
*
* @param list
* @param request
* @return
*/
@PostMapping("/allUpload")
public String allUploadFile(@RequestParam(value = "files") List<MultipartFile> list, HttpServletRequest request) {
String path = "F://图片/allImg/";
String data = sft.format(new Date());
for (MultipartFile file : list) {
String fileName = file.getOriginalFilename();
String lastStr = fileName.substring(fileName.lastIndexOf("."));
;
File file1 = new File(path + data);
if (!file1.exists()) {
file1.mkdirs();
}
String newName = UUID.randomUUID().toString().replace("-", "") + fileName;
try {
file.transferTo(new File(file1, newName));
String url = path + data + "/" + newName;
System.out.println(url);
} catch (IOException e) {
e.printStackTrace();
}
}
//文件存储路径
return "success";
}