利用MultipartFile进行文件上传

MultipartFile文件上传

今天我们搞一个换头像的设置哈，就是先上传一个图片文件上去，然后对将user对象里面的头像路径修改为上传的图片哈！！！

• 首先第一步，要进行配置，就是这些图片要存放在哪里
• 你得给他一个路径。

community.path.upload=e:/javaweb/work/data/upload

• 我就直接放在e盘下的文件了哈！

然后开始第二步

• 因为只是对头像图片的修改，所以我们也不需要对数据访问层进行编写
• 但是我们有一个上传头像的业务
• 所以我们在userService里面编写个方法

    // 上传头像
    public int updateHeader(int userId,String headerUrl){
        return userMapper.updateHeader(userId, headerUrl);
    }

• 数据访问层是编写好的，通过用户id来修改该用户的头像保存路径
• 然后就是对Controller的编写拉，这个还是很细节的

    @RequestMapping(value = "/upload",method = RequestMethod.POST)
    public String uploadHeader(MultipartFile headerImage, Model model){
        if(headerImage == null){  // 还没选择图片
            model.addAttribute("error","您还没选择图片呢！！！");
            return "/site/setting";
        }
        String fileName = headerImage.getOriginalFilename();
        String suffix = fileName.substring(fileName.lastIndexOf("."));
        if(StringUtils.isBlank(suffix)){
            model.addAttribute("error","文件的格式不正确呢！！！");
            return "/site/setting";
        }
        // 生成随机的图片名称
        // http://localhost:8081/community/user/header/1.jpg
        fileName = CommunityUtil.generateUUID() + suffix;
        // 确定文件的存放路径
        File dest = new File(uploadPath + "/" + fileName);
        try {
            headerImage.transferTo(dest);
        } catch (IOException e) {
            logger.error("长传文件失败了呀" + e.getMessage());
            throw new RuntimeException("上传文件失败，服务器发生异常！！", e);
        }
        // 更新当前用户的头像的路径（web访问路径）
        User user = hostHolder.getUser();
        String headerUrl = domain + contextPath + "/user/header/" + fileName;
        userService.updateHeader(user.getId(),headerUrl);
        return "redirect:/index";
    }

• 首先就是设置路径，这里我们使用 MultipartFile 来获取图片文件，
• 注意的是，这个必须使用post请求才能使用哈，
• 然后HTML层的input里面必须有name字段，然后名称要和MultipartFile 对象名称保持一致，不然该对象会报空指针异常的。
• 然后我们先获取原始的文件名称，总而得到他的扩展名，来判断该图片是什么类型的。
• 如果没有扩展名，这就不是一个合格的图片，我们就进行报错并反馈就行

• 接着我们进行文件的保存，通过以上代码就能将文件保存到最开始我们设置的那个文件位置了，然后通过headerImage将获取到的图片文件写入到指定文件里面去。
• 接着修改用户的头像路径，即可。

向浏览器响应图片

   @RequestMapping(value = "/header/{fileName}",method = RequestMethod.GET)
    public void getHeader(@PathVariable("fileName") String fileName, HttpServletResponse response){
        // 服务器存放的路径
        fileName = uploadPath + "/" + fileName;
        // 文件后缀
        String suffix = fileName.substring(fileName.lastIndexOf("."));
        // 响应图片
        response.setContentType("image/" + suffix);
        try (
            OutputStream os = response.getOutputStream();
            FileInputStream fis = new FileInputStream(fileName);
        ){
            byte[] buffer = new byte[1024];
            int b=0;
            while((b = fis.read(buffer)) != -1){
                os.write(buffer,0,b);
            }
        } catch (IOException e) {
            logger.error("读取头像失败：" + e.getMessage());
        }
    }

• 这里我们写的响应路径就要固定下来了哈，因为前面上传的代码里面已经定了响应浏览器的路径为 /user/header/{fileName}
• 然后将图片响应回去就行了