头像上传到数据库再查询到页面

最新推荐文章于 2022-10-27 16:21:39 发布

原创最新推荐文章于 2022-10-27 16:21:39 发布 · 670 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#数据库存图片 #头像上传 #上传图片到页面

Java基础专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一个基于Java Web的应用案例，实现用户头像的上传功能并将其保存至数据库，同时支持从数据库中提取图片显示在前端页面。文章详细展示了如何使用MultipartFile处理文件上传，并通过服务层将图片数据插入数据库，最后实现了图片的检索与展示。

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

@RequestMapping("/uploadphoto.do")//上传到数据库  
    public void fileupload(@RequestParam("fileName")MultipartFile file, HttpServletRequest request, HttpServletResponse response) throws Exception {  
        // TODO Auto-generated method stub  
        Integer id = (Integer) request.getSession().getAttribute("Id");  
        System.out.println(id);  
//      String fileType = "jpg,png,jpeg";//允许上传的文件类型  
//      int maxSize = 1024*200;//允许上传的文件最大大小(单位为byte)  
        response.setContentType("text/html; charset=UTF-8");  
        HashMap map =new HashMap<>();  
//      Part part = request.getPart("fileName");//请求参数  
//      String name=file.getOriginalFilename();  
        System.out.println(file.getBytes());  
        map.put("image", file.getBytes());  
        map.put("id", id);  
        service.insertImage(map);  
        response.sendRedirect("list.do");  
    }

    @RequestMapping("/getPhoto.do")//从数据库提取到页面  
    @ResponseBody  
    public void getPhotoById (int id,HttpServletRequest request, final HttpServletResponse response) throws IOException{    
        Integer iid = (Integer) request.getSession().getAttribute("Id");  
        System.out.println(iid);  
        System.out.println(id);  
        List<Manage> image = service.getImage(id);  
        byte[] data = image.get(0).getImage();  
        response.setContentType("image/jpeg");    
        response.setCharacterEncoding("UTF-8");    
        OutputStream outputSream = response.getOutputStream();    
        InputStream in = new ByteArrayInputStream(data);    
        int len = 0;    
        byte[] buf = new byte[1024];    
        while ((len = in.read(buf, 0, 1024)) != -1) {    
            outputSream.write(buf, 0, len);    
        }    
        outputSream.close();    
    }

        <div class="head">//前端代码  
        <img alt="选择头像" src="${basePath }/manage/getPhoto.do?id=<%=session.getAttribute("Id") %>" style="width: 100px;  
        height:100px;  
        border-radius:50%;  
        margin: auto;"/></div>  
        <!-- 请选择的头像:<br> -->  
        <input type="file" id="fileName" name="fileName" />  
        ${message }  
        <input type="submit" value="上传"/></br></pre><pre name="code" class="html">

数据库图像字段      longblob