Spring Boot+Vue实现文件上传以及在线预览

Spring Boot整合Vue实现文件上传与在线预览

最新推荐文章于 2024-05-31 08:13:46 发布

原创

最新推荐文章于 2024-05-31 08:13:46 发布 · 2.7k 阅读

20 ·

CC 4.0 BY-SA版权

文章标签：

#vue #java #spring boot

本文介绍了如何使用Spring Boot后端结合Vue前端实现文件上传功能，并且支持在线预览。后端测试中成功上传了图片和PDF文件，前端采用Vue+Element组件库，启动项目后能正常上传并预览文件。注意，默认上传文件大小限制为1MB，可通过配置application.properties调整。

后端

@RestController
public class FileUploadController {
   
   

    @PostMapping("/upload")
    public Map<String, Object> fileupload(MultipartFile file, HttpServletRequest request) {
   
   
        Map<String, Object> result = new HashMap<>();
        String originalFilename = file.getOriginalFilename();
        if (!originalFilename.endsWith(".pdf")) {
   
   
            result.put("status", "error");
            result.put("messgae", "文件类型不正确");
            return result;
        }
        String realPath = request.getServletContext().getRealPath("/");
        File folder