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

Huntermanwp

于 2020-09-03 09:52:07 发布

阅读量2.7k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/Huntermanwp/article/details/108282970

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

后端

@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