JavaWeb(Maven)中存储图片到数据库并从数据库中显示到页面上

    在网上搜了很多,大多都是什么存储字节啥的,看起来很复杂。做课设的时候,从视频(乐字节-云R记)里看到了一个简洁、好理解的方法,其思路如下:

上传图片:
前台:
   表单类型 enctype="multipart/form-data" 提交方式 method="post"
后台:  
   注:文件上传必须在Servlet类上添加注解! @MultipartConfig 
        1. 获取Part对象 request.getPart("name"); name代表的是file文件域的name属性值
        2. 通过Part对象获取上传文件的文件名
        3. 判断文件名是否为空
        4. 获取文件存放的路径  WEB-INF/upload/目录中
        5. 上传文件到指定目录
        6. 更新用户头像 (将原本用户对象中的默认头像设置为上传的文件名)
        7. 调用Dao层的数据库更新方法,返回受影响的行数
        8. 判断受影响的行数
          如果大于0,则修改成功;否则修改失败
加载头像
    前台:
        设置img标签的src属性,请求后台加载头像
            src="user?actionName=userHead&imageName=图片名称" (通过el表达式熊session中获取)
    后台:
        1. 获取参数 (图片名称)
        2. 得到图片的存放路径 (request.getServletContext().getealPathR("/"))
        3. 通过图片的完整路径,得到file对象
        4. 通过截取,得到图片的后缀
        5. 通过不同的图片后缀,设置不同的响应的类型
        6. 利用FileUtils的copyFile()方法,将图片拷贝给浏览器
实现上上传文件代码:
try {
    // 1. 获取Part对象 request.getPart("name"); name代表的是file文件域的name属性值
    Part part = request.getPart("img");
    // 2. 通过Part对象获取上传文件的文件名 (从头部信息中获取上传的文件名)
    String header = part.getHeader("Content-Disposition");
    // 获取具体的请求头对应的值
    String str = header.substring(header.lastIndexOf("=") + 2);
    // 获取上传的文件名
    String fileName = str.substring(0, str.length() - 1);
    // 3. 判断文件名是否为空
    if (!StrUtil.isBlank(fileName)) {
        // 如果用户上传了头像,则更新用户对象中的头像
        user.setHead(fileName);
        // 4. 获取文件存放的路径  WEB-INF/upload/目录中
        String filePath = request.getServletContext().getRealPath("/WEb-INF/upload/");
        // 5. 上传文件到指定目录
        part.write(filePath + "/" + fileName);
    }
} catch (Exception e) {
    e.printStackTrace();
}

      对于加载头像总结一下(为啥不总结上传,因为我也不懂),其中这个数据库里的用户信息被包装在User类里,通过setAttribute()存在session的一属性中;EL表达式:${user.head}。(user为该User类名字,head是其一属性字段,其内存图片名)(注:通过web表单上传图像存储下来的也是该图的名字)。

      表单(用户信息表单,假设已经存在一个用户user)提交的动作为路径为user的servlet,并且传递了一个属性值actionname(=userhead)和一个图片名称,user检查到这个属性值后就会调用加载头像的函数。这个函数就是重点:

private void userHead(HttpServletRequest request, HttpServletResponse response) throws IOException {
        // 1. 获取参数 (图片名称)
        String head = request.getParameter("imageName");
        // 2. 得到图片的存放路径 (得到项目的真实路径:request.getServletContext().getealPathR("/"))
        String realPath = request.getServletContext().getRealPath("/WEB-INF/upload/");
        // 3. 通过图片的完整路径,得到file对象
        File file = new File(realPath + "/" + head);
        // 4. 通过截取,得到图片的后缀
        String pic = head.substring(head.lastIndexOf(".")+1);
        // 5. 通过不同的图片后缀,设置不同的响应的类型
        if ("PNG".equalsIgnoreCase(pic)) {
                response.setContentType("image/png");
        } else if ("JPG".equalsIgnoreCase(pic) || "JPEG".equalsIgnoreCase(pic)) {
                response.setContentType("image/jpeg");
        } else if ("GIF".equalsIgnoreCase(pic)) {
                response.setContentType("image/gif");
        }
        // 6. 利用FileUtils的copyFile()方法,将图片拷贝给浏览器
        FileUtils.copyFile(file, response.getOutputStream());
}

完球...还是看不懂啊。反正就这么傻粘就出来了...

你可能感兴趣的:(javaweb,mysql,java,mysql)