天天看點

圖檔上傳功能

       以前也實作過上傳,隻不過每次都是,寫完之後沒有總結,下次遇到時,還要重新寫,重新調式,很是浪費時間,是以,今天實作一個上傳圖檔的功能,包括簡單的頁面和servlet,下次再要寫這個功能時,直接拿過來就可以了,沒有理論,直接上代碼+少量的注釋。在最下面我會把項目上傳,大家需要jar包,可以從項目中拿。

       該項目用到的jar包如圖,在下面的項目demo中有jar包:

圖檔上傳功能

一、upload.jsp頁面代碼:

<%@ page language="java" contentType="text/html; charset=UTF-8"  
    pageEncoding="UTF-8"%>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
<meta http-equiv="pragma" content="no-cache" />  
<base target="_self">  
<title>檔案上傳</title>  
</head>  
<body>  
    <h5>檔案上傳</h5><hr/>  
    <form id="file_upload_id" name="file_upload_name" action="upload" method="post" enctype="multipart/form-data">  
        檔案名稱:<input type="text" name="fileName" value="aaa.jpg"/>  
        作       者: <input type="text" name="author" value="jack"/>  
        <div><input type="file" name="file_upload"/></div>  
        <div><input type="submit" value="上傳"	/></div>  
    </form>  
</body>  
</html> 
           

二、web.xml配置檔案代碼:

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">
  <display-name>UploadDemo</display-name>
  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>
  
  
  <servlet>
		<servlet-name>uploadPhoto</servlet-name>
		<servlet-class>com.upload.demo.UploadServlet</servlet-class>
	</servlet>
	<servlet-mapping>
		<servlet-name>uploadPhoto</servlet-name>
		<url-pattern>/upload</url-pattern>
	</servlet-mapping>
  
</web-app>
           

三、UploadServlet代碼:

package com.upload.demo;

import java.io.BufferedReader;
import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.util.ArrayList;
import java.util.Date;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import java.util.Properties;
import java.util.UUID;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;

import com.lidroid.xutils.http.RequestParams;


public class UploadServlet extends HttpServlet{

	@Override
	protected void doGet(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException {
		doPost(req, resp);
	};

	@Override
	protected void doPost(HttpServletRequest request,
			HttpServletResponse response) throws ServletException, IOException {
		//伺服器端接收,請求被背景攔截到這裡
		exeUploadedInfos(request, response);
		
	};

	/**
	 *  定義接口
	 */
	public interface UploadStatusListener {
		public void status(boolean status, Map<String, String> params,
				List<String> files, HttpServletRequest request);
	}
	UploadStatusListener mUploadStatusListener = null;
	// 注冊監聽器,如果這裡沒有使用Vector而是使用ArrayList那麼要注意同步問題
	public void addStatusListener(UploadStatusListener listener) {
		mUploadStatusListener = listener;
	}

	/**
	 * @function:回調方法,執行圖檔上傳,根據成功或失敗的狀态完成其他的操作
	 * @param request
	 * @param response
	 */
	private void exeUploadedInfos(HttpServletRequest request,
			HttpServletResponse response) {
		UploadServlet up = new UploadServlet();
		up.addStatusListener(new UploadStatusListener() {
			public void status(boolean status, Map<String, String> params,
					List<String> files, HttpServletRequest request) {
				if (status) {//成功
					//Map中取值
					String memberId = params.get("memberId");
					//List中取值
					String fileUrl = files.get(0);
					System.out.println("===================================成功");
				} else {
					//失敗
					System.out.println("========================================失敗");
				}
			}
		});
		up.upload(request, response);

	}
	
	/**
	 * @function:具體上傳圖檔的功能在這裡完成,
	 * 然後調用接口回調方法mUploadStatusListener.status(flag, params, filenames , request);跳轉到回調函數中
	 * @param request
	 * @param response
	 */
	public void upload(HttpServletRequest request, HttpServletResponse response) {
		boolean flag = false;
		Map<String, String> params = new HashMap<String, String>();
		List<String> filenames = new ArrayList<String>();
		try {
			System.out.println("開始檔案上傳****************");
			request.setCharacterEncoding("utf-8"); // 設定編碼
			// 設定上傳檔案最大為 3M
            final long MAX_SIZE = 3 * 1024 * 1024;
			// 1.建立一個解析器工廠
			DiskFileItemFactory factory = new DiskFileItemFactory();
			// 擷取臨時檔案路徑
			String savePath = "F:/upload/" ;//具體的路徑
			if(!new File(savePath).exists()){
				new File(savePath).mkdirs();
			}
			factory.setRepository(new File(savePath));
			factory.setSizeThreshold(4096);
			// 2.得到一個解析器
			ServletFileUpload upload = new ServletFileUpload(factory);
			upload.setSizeMax(MAX_SIZE);
			// upload.setHeaderEncoding("UTF-8");
			// 3.将請求傳入解析器,對請求進行解析
			List<FileItem> list = upload.parseRequest(request);
			// 4.疊代list集合,得到每個輸入項的資料
			int count = 0 ;
			for (FileItem item : list) {
				count ++ ;
				// 5.判斷item的類型
				if (item.isFormField()) {
					// 普通文本輸入項
					String inputName = item.getFieldName();
					String inputValue = item.getString();
					params.put(inputName, inputValue);
					System.out.println("==================傳進來的參數:  "+count+"、"+inputName + "=" + inputValue);
					
				} else {
					// 上傳檔案輸入項(如圖檔)
					String fileName = item.getName();// 擷取檔案名
					if (!"".equals(fileName)) {
						fileName = fileName.substring(fileName.lastIndexOf("\\") + 1);
						System.out.println("*************存放傳過來的圖檔****************");
						InputStream in = item.getInputStream();
						FileOutputStream out = new FileOutputStream(savePath+fileName);
						byte[] buf = new byte[1024];
						int len = 0;
						while ((len = in.read(buf)) > 0) {
							out.write(buf, 0, len);
						}
						in.close();
						out.close();
						item.delete();// 删除臨時檔案
						filenames.add("上傳成功了") ;
						flag = true;
						if (mUploadStatusListener != null) {
							System.out.println("======檔案上傳:  ===flag=" + flag +";==="+ params.toString()
									+ "==檔案名fileName:=" + fileName);
							mUploadStatusListener.status(flag, params, filenames , request);
						}
						System.out.println("檔案上傳結束****************");
					}
				}
			}
			
		} catch (Exception e) {
			e.printStackTrace();
			request.setAttribute("message", "上傳失敗");
			System.out.println("***********上傳失敗******************");
			if (mUploadStatusListener != null) {
				System.out.println("****************上傳失敗*******************************");
				mUploadStatusListener.status(flag, params, filenames , request);
			}
		}
	}

	
}
           

四、代碼解釋:

1、通路路徑:http://localhost:8080/UploadDemo/upload.jsp

如圖:

圖檔上傳功能

2、點選上傳後,進入UploadServlet類

List<FileItem> list = upload.parseRequest(request);

産生臨時上傳檔案

如圖:

圖檔上傳功能

3、FileOutputStream out = new FileOutputStream(savePath+fileName);

建立要生成的圖檔

如圖:

圖檔上傳功能

4、out.close();

執行完這行代碼,上傳圖檔的位元組流寫入完畢,完整圖檔如圖

圖檔上傳功能

5、item.delete();// 删除臨時檔案,删除後如圖:

圖檔上傳功能

五、項目下載下傳:

      上傳圖檔demo下載下傳,點這裡