[SpringMVC]头像上传与回显

Posted 2020-07-18

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了[SpringMVC]头像上传与回显相关的知识，希望对你有一定的参考价值。

1.导包

  com.springsource.org.apache.commons.fileupload-1.2.0.jar
  com.springsource.org.apache.commons.io-1.4.0.jar

2.spring配置文件增加上传的bean

    <!--文件上传-->
    <bean id="multipartResolver"
          class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
    </bean>

3.上传页面

<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<html>
<head>
    <title>头像上传</title>
</head>
<body>
<form action="${pageContext.request.contextPath}/user/upload.action" method="POST" enctype="multipart/form-data">
    <input type="file" name="headImage"/><br/>
    <input type="submit" value="上传">
</form>
</body>
</html>

4.处理头像方法

    @RequestMapping(value = "upload")
    public String upload(Model model, MultipartFile headImage, HttpServletRequest request)
            throws IOException {
        //设置保存目录
        String dirs = "upload";
        if (headImage != null){
　　　　　　　//调用图片处理方法(在另一博文中)
            String fileName = Upload.UploadImg(headImage, request, dirs);
            //回显头像
            model.addAttribute("myImage", request.getContextPath()+"/"+dirs+"/"+fileName);
            //回显消息
            model.addAttribute("message", "上传成功");
        } else {
            model.addAttribute("message", "上传失败");
        }
        return "success";
    }

　5.回显页面

<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<html>
<head>
    <title>结果</title>
</head>
<body>
    ${message}
    <br/>
    <img  src="${myImage }" />
</body>
</html>

以上是关于[SpringMVC]头像上传与回显的主要内容，如果未能解决你的问题，请参考以下文章

将输入与回显特定输出进行比较

uniapp产品编辑页-图片上传后回显编辑-组件uni-file-picker显示之前已上传的图片 + 头像图片原地覆盖上传示例

java web 网站头像上传处理 (springmvc +bootstrap+cropper)