Java實現(xiàn)圖片上傳到服務(wù)器并把上傳的圖片讀取出來

更新時間：2017年02月28日 15:05:43 作者：熊九天

在各大網(wǎng)站上都可以實現(xiàn)上傳頭像功能，可以選擇自己喜歡的圖片做頭像，從本地上傳，今天小編給大家分享Java實現(xiàn)圖片上傳到服務(wù)器并把上傳的圖片讀取出來，需要的朋友參考下

在很多的網(wǎng)站都可以實現(xiàn)上傳頭像，可以選擇自己喜歡的圖片做頭像，從本地上傳，下次登錄時可以直接顯示出已經(jīng)上傳的頭像，那么這個是如何實現(xiàn)的呢？

下面說一下我的實現(xiàn)過程(只是個人實現(xiàn)思路，實際網(wǎng)站怎么實現(xiàn)的不太清楚)

實現(xiàn)的思路：

工具：MySQL，eclipse

首先，在MySQL中創(chuàng)建了兩個表，一個t_user表，用來存放用戶名，密碼等個人信息，

一個t_touxiang表，用來存放上傳的圖片在服務(wù)器中的存放路徑，以及圖片名字和用戶ID，

T_touxiang表中的用戶ID對應(yīng)了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數(shù)據(jù)表中，代碼如下：

@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. 創(chuàng)建DiskFileItemFactory對象，設(shè)置緩沖區(qū)大小和臨時文件目錄 
    DiskFileItemFactory factory = new DiskFileItemFactory(); 
    // System.out.println(System.getProperty("java.io.tmpdir"));//默認(rèn)臨時文件夾 
    // 2. 創(chuàng)建ServletFileUpload對象，并設(shè)置上傳文件的大小限制。 
    ServletFileUpload sfu = new ServletFileUpload(factory); 
    sfu.setSizeMax(10 * 1024 * 1024);// 以byte為單位 不能超過10M 1024byte = 
             // 1kb 1024kb=1M 1024M = 1G 
    sfu.setHeaderEncoding("utf-8"); 
    // 3. 
    // 調(diào)用ServletFileUpload.parseRequest方法解析request對象，得到一個保存了所有上傳內(nèi)容的List對象。 
    @SuppressWarnings("unchecked") 
    List<FileItem> fileItemList = sfu.parseRequest(request); 
    Iterator<FileItem> fileItems = fileItemList.iterator(); 
    // 4. 遍歷list，每迭代一個FileItem對象，調(diào)用其isFormField方法判斷是否是上傳文件 
    while (fileItems.hasNext()) { 
      FileItem fileItem = fileItems.next(); 
      // 普通表單元素 
      if (fileItem.isFormField()) { 
      String name = fileItem.getFieldName();// name屬性值 
      String value = fileItem.getString("utf-8");// name對應(yīng)的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. 調(diào)用FileItem的write()方法，寫入文件 
      File file = new File("D:/lindaProjects/mySpace/wendao/WebContent/touxiang/" + newFileName); 
      System.out.println(file.getAbsolutePath()); 
      fileItem.write(file); 
      // 6. 調(diào)用FileItem的delete()方法，刪除臨時文件 
      fileItem.delete(); 
      /* 
       * 存儲到數(shù)據(jù)庫時注意 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(); 
    } 
  } 
  } 
}

在完成圖片上傳并寫入數(shù)據(jù)庫的同時，將圖片路徑通過session的方式發(fā)送到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>

至此，圖片上傳數(shù)據(jù)庫和本地服務(wù)器已經(jīng)實現(xiàn)，那么如何在HTML界面顯示出個人信息以及上傳的頭像呢？

首先定義一個PersonServlet類，用來讀取數(shù)據(jù)庫的內(nèi)容，并發(fā)送到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的頭像上傳服務(wù)器，路徑存儲在MySQL，并在HTML界面讀取出來的功能就基本實現(xiàn)了。頭像上傳之前進行處理等操作，可以選擇一些插件來完成。這里只是簡單的實現(xiàn)了基本功能。

以上所述是小編給大家介紹的Java實現(xiàn)圖片上傳到服務(wù)器并把上傳的圖片讀取出來，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章: