图片上传没啥好说的直接上代码
首先是一个工具类,这样的话可以在方法中直接调用就好了。将文件路径返回,保存进数据库,在界面通过这个路径就能显示图片了。
ImageUpload:
public class ImageUpload {
public static String upload(MultipartFile file) {
if (file.isEmpty()) {
System.out.println("文件为空");
}
String fileName = file.getOriginalFilename(); // 文件名
String suffixName = fileName.substring(fileName.lastIndexOf(".")); // 后缀名
String filePath = "D:\\IdeaWorkspace\\image\\"; // 上传后的路径
fileName = UUID.randomUUID() + suffixName; // 新文件名
File dest = new File(filePath + fileName);
if (!dest.getParentFile().exists()) {
dest.getParentFile().mkdirs();
}
try {
file.transferTo(dest);
} catch (IOException e) {
e.printStackTrace();
}
return "/image/" + fileName;
}
}
实现一下配置文件:
第一个参数的是你调用时候的路径
第二个参数是文件存储的绝对路径
@Configuration
public class MyWebMvcConfigurer implements WebMvcConfigurer {
@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
registry.addResourceHandler("/image/**").addResourceLocations("file:D:\\IdeaWorkspace\\image\\");
}
}
接下来是Controller的写法
主要是这个MutipartFile ,这个对应的是图片文件。
@PostMapping(value = "/fileUpload")
public String fileUpload(@RequestParam(value = "file") MultipartFile file, Model model, HttpServletRequest request) {
String filename = ImageUpload.upload(file);
model.addAttribute("filename", filename);
return "HelloWord";
}
前台界面:就是很简单的界面,然后调用后台写的接口就可以了
<form action="/fileUpload" method="post" enctype="multipart/form-data">
<label>上传图片</label>
<input type="file" name="file"/>
<input type="submit" value="上传"/>
</form>
<p>图片:</p>
<img th:src="${filename }"/>
我这边是用的thymeleaf,将图片路径放在src中,在界面显示图片的。