图片目录
前端代码
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>上传图片</title>
<script src="jquery.min.js"></script>
</head>
<body >
<div>
<input type="file" id="file">
<button onclick="upload()">上传 </button>
</div>
<body/>
<script>
function upload() {
var file = $("#file")[0].files[0];
var formData = new FormData();
formData.append("file",file);
$.ajax({
url:"http://localhost:8089/bill/upload",
type:'post',
data:formData,
contentType:false,
processData: false,
});
}
</script>
java
/**
* 上传文件
* @param file
* @return
* @throws IOException
*/
@PostMapping("/upload")
public String uploadFile(@RequestParam("file") MultipartFile file) throws IOException {
if(file.isEmpty()){
return "请选择文件!";
}
File files = new File("");
String filePath = files.getCanonicalPath()+"/fileSource"; //指定路径
String fileName=file.getOriginalFilename();//获取上传的文件名
fileName = UUID.randomUUID()+"_"+fileName; //生成唯一名称
File dir = new File(filePath);
if (!dir.exists()) { //若路径不存在,则创建文件夹
System.out.println("路径不存在");
dir.mkdirs();
}
try {
File fileObj = new File(filePath, fileName); //创建了一个File对象,名为fileObj,路径filePath,名字fileName。
file.transferTo(fileObj); //将上传的文件写入创建好的文件夹中
//写入数据库
int isSuccess = billService.uploadImg(filePath+"/"+fileName);
if (isSuccess!=0){
return ("上传成功!文件路径为:"+filePath+"/"+fileName);
}
} catch (IOException e) {
e.printStackTrace();
}
return "上传失败!";
}