Java实现图片上传到服务器并把上传的图片读取出来

在很多的网站都可以实现上传头像,可以选择自己喜欢的图片做头像,从本地上传,下次登录时可以直接显示出已经上传的头像,那么这个是如何实现的呢?

下面说一下我的实现过程(只是个人实现思路,实际网站怎么实现的不太清楚)

实现的思路:

工具:MySQL,eclipse

首先,在MySQL中创建了两个表,一个t_user表,用来存放用户名,密码等个人信息,

一个t_touxiang表,用来存放上传的图片在服务器中的存放路径,以及图片名字和用户ID,

T_touxiang表中的用户ID对应了t_user中的id。

t_user表SQL:

DROP TABLE IF EXISTS `t_user`;
CREATE TABLE `t_user` (
 `id` int(10) NOT NULL AUTO_INCREMENT,
 `username` varchar(20) NOT NULL,
 `password` varchar(255) NOT NULL,
 PRIMARY KEY (`id`),
 UNIQUE KEY `username` (`username`)
) ENGINE=InnoDB AUTO_INCREMENT=22 DEFAULT CHARSET=utf8; 

T_touxiang表SQL:

DROP TABLE IF EXISTS `t_touxiang`;
CREATE TABLE `t_touxiang` (
 `id` int(10) NOT NULL AUTO_INCREMENT,
 `image_path` varchar(255) DEFAULT NULL,
 `user_id` int(11) DEFAULT NULL,
 `old_name` varchar(255) DEFAULT NULL,
 PRIMARY KEY (`id`),
 KEY `img_user` (`user_id`),
 CONSTRAINT `img_user` FOREIGN KEY (`user_id`) REFERENCES `t_user` (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=6 DEFAULT CHARSET=utf8; 

首先,写一个UploadServlet.Java,用来处理图片文件的上传,并将图片路径,图片名称等信息存放到t_touxiang数据表中,代码如下:

@WebServlet("/UploadServlet.do")
public class UploadServlet extends HttpServlet {
  private static final long serialVersionUID = 1L;
  protected void service(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException {
  // 判断上传表单是否为multipart/form-data类型
  HttpSession session = request.getSession();
  User user = (User) session.getAttribute("user"); // 在登录时将 User 对象放入了 会话
               // 中
  if (ServletFileUpload.isMultipartContent(request)) {
    try {
    // 1. 创建DiskFileItemFactory对象,设置缓冲区大小和临时文件目录
    DiskFileItemFactory factory = new DiskFileItemFactory();
    // System.out.println(System.getProperty("java.io.tmpdir"));//默认临时文件夹
    // 2. 创建ServletFileUpload对象,并设置上传文件的大小限制。
    ServletFileUpload sfu = new ServletFileUpload(factory);
    sfu.setSizeMax(10 * 1024 * 1024);// 以byte为单位 不能超过10M 1024byte =
             // 1kb 1024kb=1M 1024M = 1G
    sfu.setHeaderEncoding("utf-8");
    // 3.
    // 调用ServletFileUpload.parseRequest方法解析request对象,得到一个保存了所有上传内容的List对象。
    @SuppressWarnings("unchecked")
    List<FileItem> fileItemList = sfu.parseRequest(request);
    Iterator<FileItem> fileItems = fileItemList.iterator();
    // 4. 遍历list,每迭代一个FileItem对象,调用其isFormField方法判断是否是上传文件
    while (fileItems.hasNext()) {
      FileItem fileItem = fileItems.next();
      // 普通表单元素
      if (fileItem.isFormField()) {
      String name = fileItem.getFieldName();// name属性值
      String value = fileItem.getString("utf-8");// name对应的value值
      System.out.println(name + " = " + value);
      }
      // <input type="file">的上传文件的元素
      else {
      String fileName = fileItem.getName();// 文件名称
      System.out.println("原文件名:" + fileName);// Koala.jpg
      String suffix = fileName.substring(fileName.lastIndexOf('.'));
      System.out.println("扩展名:" + suffix);// .jpg
      // 新文件名(唯一)
      String newFileName = new Date().getTime() + suffix;
      System.out.println("新文件名:" + newFileName);// image\1478509873038.jpg
      // 5. 调用FileItem的write()方法,写入文件
      File file = new File("D:/lindaProjects/mySpace/wendao/WebContent/touxiang/" + newFileName);
      System.out.println(file.getAbsolutePath());
      fileItem.write(file);
      // 6. 调用FileItem的delete()方法,删除临时文件
      fileItem.delete();
      /*
       * 存储到数据库时注意 1.保存源文件名称 Koala.jpg 2.保存相对路径
       * image/1478509873038.jpg
       *
       */
      if (user != null) {
        int myid = user.getId();
        String SQL = "INSERT INTO t_touxiang(image_path,user_id,old_name)VALUES(?,?,?)";
        int rows = JdbcHelper.insert(SQL, false, "touxiang/" + newFileName, myid, fileName);
        if (rows > 0) {
        session.setAttribute("image_name", fileName);
        session.setAttribute("image_path", "touxiang/" + newFileName);
        response.sendRedirect(request.getContextPath() + "/upImage.html");
        } else {
        }
      } else {
        session.setAttribute("loginFail", "请登录");
        response.sendRedirect(request.getContextPath() + "/login.html");
      }
      }
    }
    } catch (FileUploadException e) {
    e.printStackTrace();
    } catch (Exception e) {
    e.printStackTrace();
    }
  }
  }
} 

在完成图片上传并写入数据库的同时,将图片路径通过session的方式发送到HTML界面

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>更换头像</title>
</head>
<body>
     <formaction="UploadServlet.do" method="post"enctype="multipart/form-data">
           本地目录:<inputtype="file" name="uploadFile">
      <img src="${image_path}" width="200" height="200">
        <inputtype="submit" value="上传头像"/>
  </form>
</body>
</html>

至此,图片上传数据库和本地服务器已经实现,那么如何在HTML界面显示出个人信息以及上传的头像呢?

首先定义一个PersonServlet类,用来读取数据库的内容,并发送到HTML界面。

代码如下:

@WebServlet("/persons.do")
public class PersonServlet extends HttpServlet {
  private static final long serialVersionUID = -800352785988546254L;
  protected void service(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException {
  // 判断上传表单是否为multipart/form-data类型
  Touxiang tx=null;
  HttpSession session = request.getSession();
  User user = (User) session.getAttribute("user"); // 在登录时将 User 对象放入了 会话
  if(user!=null){
    int myid=user.getId();
    String SQL="SELECT id,image_path,old_name FROM t_touxiang WHERE user_id=?";
    ResultSet rs=JdbcHelper.query(SQL,myid);
    String uSQL="SELECT username,password FROM t_user WHERE id=?";
    ResultSet urs=JdbcHelper.query(uSQL,myid);
    System.out.println( "我的个人id是: " + myid);
    final List<Touxiang> touxiang=new ArrayList<>();
    try {
    if(rs.next())
    {
      tx=new Touxiang();
      tx.setId(rs.getInt(1));
      tx.setImage_path(rs.getString(2));
      tx.setOld_name(rs.getString(3));
      touxiang.add(tx);
    }
    if(urs.next()){
      user.setUsername(urs.getString(1));
      user.setPassword(urs.getString(2));
      user.setTouxiang(touxiang);
    }
    } catch (SQLException e) {
    // TODO Auto-generated catch block
    e.printStackTrace();
    }
    session.setAttribute("user", user);
    System.out.println( "我的id: " + myid);
    response.sendRedirect( request.getContextPath() + "/person.html");
  }
  }
} 

在HTML界面接收信息,并显示出来,代码如下:

<span style="white-space:pre"> </span><div>
  <form action="UploadServlet.do" method="post" enctype="multipart/form-data">
       <div><a href="$path/upImage.html" rel="external nofollow" >更换头像</a></div>
      #foreach( $ut in $user.getTouxiang() )
       <img src=" $ut.getImage_path()" width="200" height="200">
       #end
       <div>我的头像:</div>
       <div>我的姓名:$user.getUsername()</div>
       <div><a href="$path/myAnswer.do" rel="external nofollow" >我的解答</a></div>
    <div><a href="$path/myQuestion.do" rel="external nofollow" >我的提问</a></div>
  <span style="white-space:pre">  </span> </form>
  </div> 

至此,一个基于Java的头像上传服务器,路径存储在MySQL,并在HTML界面读取出来的功能就基本实现了。头像上传之前进行处理等操作,可以选择一些插件来完成。这里只是简单的实现了基本功能。

以上所述是小编给大家介绍的Java实现图片上传到服务器并把上传的图片读取出来,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

时间: 2017-02-25

Java+mysql本地图片上传数据库及下载示例

做一个将本地图片上传到mysql数据库的小实例,顺便也下载下来到桌面检测是否上传成功. 在写代码之前得先在数据库中建立image表,用来存储图片. create table image (id int primary key auto_increment , name varchar(30) COMMENT '名称', content mediumblob COMMENT '图片'); 下面直接上代码: package jdbc_imagetest; import java.io.*; impo

Java以struts2为例介绍如何实现图片上传

总的说图片上传有两种方式,一种是把图片文件写到数据库中,另一种是存到服务器文件目录中.写到数据库中的图片文件需要转换成二进制流的格式,占用数据库空间比较,适合少量图片的存储,比如说,系统中某些小图标,写到数据库中的优点是比较安全,不容易被用户不小心删除. 在struts2中实现(以图片上传为例) 1.FileUpload.jsp代码清单如下: <%@ page language="java" import="java.util.*" pageEncoding=

java图片压缩工具类

直接上java图片压缩code: import java.awt.Image; import java.awt.image.BufferedImage; import java.io.ByteArrayOutputStream; import java.io.IOException; import java.io.InputStream; import javax.imageio.ImageIO; public class ImageProcess { /** * 图片 */ private I

Java实现的图片上传工具类完整实例

本文实例讲述了Java实现的图片上传工具类.分享给大家供大家参考,具体如下: package com.gcloud.common; import javax.imageio.ImageIO; import java.awt.image.BufferedImage; import java.io.*; /** * 图片上传工具类 * Created by charlin on 2017/9/10. */ public class UploadImageUtil { private String f

Java基于装饰者模式实现的图片工具类实例【附demo源码下载】

本文实例讲述了Java基于装饰者模式实现的图片工具类.分享给大家供大家参考,具体如下: ImgUtil.java: /* * 装饰者模式实现图片处理工具类 * 类似java的io流 - * Img类似低级流可以独立使用 * Press和Resize类似高级流 * 需要依赖于低级流 */ package util; import java.io.File; import java.util.List; /** * 图片工具类(装饰者)和图片(被装饰者)的公共接口 * @author xlk */

java通过模拟post方式提交表单实现图片上传功能实例

本文实例讲述了java通过模拟post方式提交表单实现图片上传功能.分享给大家供大家参考,具体如下: 模拟表单html如下: <form action="up_result.jsp" method="post" enctype="multipart/form-data" name="form1" id="form1"> <label> <input type="tex

java实现图片裁切的工具类实例

本文实例讲述了java实现图片裁切的工具类.分享给大家供大家参考,具体如下: package com.yanek.util; import java.awt.Rectangle; import java.awt.image.BufferedImage; import java.io.File; import java.io.FileInputStream; import java.io.IOException; import java.util.Iterator; import javax.im

Java图片上传实现代码

本文实例为大家分享了Java图片上传代码,供大家参考,具体内容如下 import java.io.*; import java.net.*; /* *发送端 */ class picsend { public static void main(String[] args) throws Exception { if(args.length!=1) { System.out.println("请选择一张.jpg图片"); return; } File file = new File(ar

Java图像处理工具类

本工具类的功能:缩放图像.切割图像.图像类型转换.彩色转黑白.文字水印.图片水印等 复制代码 代码如下: package net.kitbox.util; import java.awt.AlphaComposite; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.Graphics2D; import java.awt.Image; import java.awt.Re

java web图片上传和文件上传实例

图片上传和文件上传本质上是一样的,图片本身也是文件.文件上传就是将图片上传到服务器,方式虽然有很多,但底层的实现都是文件的读写操作. 注意事项 1.form表单一定要写属性enctype="multipart/form-data" 2.为了能保证文件能上传成功file控件的name属性值要和你提交的控制层变量名一致, 例如空间名是file那么你要在后台这样定义 private File file; //file控件名 private String fileContentType;//图

Java通过jersey实现客户端图片上传示例

在上一篇笔记 <SpringMVC实现图片上传>记录了将图片上传到本地的实现,在很多项目中都会有一台专门的文件服务器来保存文件的,这边记录下客户端通过jersey上传图片到文件服务端的实现. 由于要在不同主机上上传文件,所以不能直接通过流的方式来写,需要通过webService来完成,jersey是基于Java的一个轻量级RESTful风格的Web Services框架,它让客户端文件上传变得更简单. 1. maven依赖 spring的一些包以及fileupload和io包这边就不贴出来了.

Java微信小程序oss图片上传的实现方法

先将图片上传到服务器,再将服务器上的图片传入oss中 小程序js //启动上传等待中... wx.showToast({ title: '正在上传...', icon: 'loading', mask: true, duration: 10000 }) //上传图片 wx.uploadFile({ url: '***********',//上传的路径(Java后台路径) filePath: tempFilePaths[0], name: 'file', success: function (re

PHP+Ajax无刷新带进度条图片上传示例

项目需求:1.PHP+Ajax无刷新带进度条图片上传,2.带进度条.所需插件:jquery.js,jquery.form.js. 最近在做一个手机web项目,需要用到Ajax上传功图片能,项目要求PHP无刷新上传图片,并且要带进度条,下面就来讲一下我的实现方法,先看效果图 本示例需要使用的是jquery.js,jquery.form.js,demo里面包含有,你可以在文章下方进行下载. 第一步,建立前端页面index.html 此段是前端展示内容,这里需要说明的是由于input:file标签显示

android自定义ImageView仿图片上传示例

看下效果图 主要看下自定义view 代码 public class ProcessImageView extends ImageView{ private Context context; private Paint paint; private LogUtil log=LogUtil.getInstance(); int progress = 0; private boolean flag; public ProcessImageView(Context context) { super(co

java使用CKEditor实现图片上传功能

java如何使用CKEditor实现图片上传功能,具体内容如下 1.根据实际需要下载指定的CKEditor 2.删除文件ckeditor/plugins/image/dialogs/image.js预览框中文本内容,并修改hidden属性值为显示上传选项卡 删除image.js中包含在双引号中的上述文本 将image.js中的hidden属性值改为0 3.修改ckeditor/config.js文件,配置"上传到服务器"按钮调用的controller接口 4."上传到服务器&

微信 java 实现js-sdk 图片上传下载完整流程

最近做的一个项目刚好用到微信js-sdk的图片上传接口,在这里做一下总结. 在这里能知道使用js api的基本配置 https://mp.weixin.qq.com/wiki t=resource/res_main&id=mp1421141115&token=&lang=zh_CN 我这里没有用checkJsApi去判断当前客户端版本是否支持指定JS接口,好.通过看开发文档,我们知道调用js接口直接都要通过config接口注入权限验证配置 <code class="

Java实现图片上传至服务器功能(FTP协议)

本文为大家分享了java实现图片上传至服务器功能的具体代码,供大家参考,具体内容如下 本案例实现图片上传功能分为两个步骤,分别为 (1)APP用base64加密将图片内容上传至服务器(http协议),在临时目录中先存储好图片: (2)将服务器临时存储的图片用FTP协议上传至另一台专门用做存储图片的服务器: /** * ftp 文件操作服务实现类 * */ @Service public class FtpFileServiceImpl implements IFtpFileService { /