SpringBoot 2.0 多图片上传加回显

最新推荐文章于 2023-06-21 14:51:14 发布

不学无数的程序员

最新推荐文章于 2023-06-21 14:51:14 发布

阅读量413

点赞数

分类专栏： SpringBoot

本文链接：https://blog.csdn.net/weixin_43133353/article/details/96486397

版权

这篇博客介绍了在SpringBoot 2.0中实现多图片上传并回显的详细步骤，包括Controller的代码实现、前端页面及JS处理、上传图片配置、异常处理和遇到的问题。通过示例展示了上传前后的页面效果，并提供了完整的代码地址供参考。

摘要由CSDN通过智能技术生成

SpringBoot 2.0 多图片上传加回显

这两天公司有需求让做一个商户注册的后台功能，其中需要商户上传多张图片并回显。由于之前没做过这方面的东西，此篇文章用以记录一些知识点，以便后续查看。

上传

Controller的代码非常简单，由于用了SpringMVC框架，所以直接用MultipartFile来接即可。由于是多图片上传所以用数组来接。此处应该注意参数名应该和<input>中的name值相对应

@RequestMapping("/pic")
@ResponseBody
public ResponseEntity<String> pic(MultipartFile [] pictures) throws Exception {
    ResponseEntity<String> responseEntity = new ResponseEntity<>();
    long count = Arrays.asList(pictures).stream().
            map(MultipartFile::getOriginalFilename).
            filter(String::isEmpty).count();
    if (count == pictures.length){
        responseEntity.setCode(ResponseEntity.ERROR);
        throw new NullOrEmptyException("图片不能同时为空");
    }
    responseEntity.setCode(ResponseEntity.OK);