JavaEE拾遺01--非同步上傳檔案

阿新 • • 發佈：2018-11-19

今天學習了JavaEE的Servlet的非同步呼叫和檔案上傳，合著做了一個非同步上傳檔案練習，注意到Servlet是多執行緒的，所以實際操作中不需要非同步操作（我是這麼覺得的），閒話少說，看程式碼

<%@ 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">
<title>檔案上傳</title>
</head>
<body>
<form method="post" action="../upload" enctype="multipart/form-data">
  檔名：<input type="text" id="name" name="name" /><br />
選擇上傳檔案：<input 
 type="file" id="file" name="file" />
<input type="submit" value="上傳" />
</form>
</body>
</html>

上面寫了一個jsp頁面，這個頁面的<input type="file" /> 和<form method="post" action="../upload" enctype="multipart/form-data">是可以實現檔案上傳的祕密

接下來是處理檔案上傳的servlet

package liujie.jee.uploadfile;

import 
 java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.AsyncContext;
import javax.servlet.AsyncEvent;
import javax.servlet.AsyncListener;
import javax.servlet.ServletException;
import javax.servlet.annotation.MultipartConfig;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import liujie.jee.bean.UploadFileExecutor;

//使用註解表示這個servlet支援非同步操作，
@WebServlet(urlPatterns = { "/upload" }, name = "upload", asyncSupported = true)
// 處理檔案上傳的servlet需要使用MultipartConfig標識
@MultipartConfig
public class UploadFileServlet extends HttpServlet {

    private static final long serialVersionUID = 1L;

    @Override
    public void doPost(HttpServletRequest request, HttpServletResponse response)
            throws IOException, ServletException {
        response.setContentType("text/html;charset=utf-8");
        PrintWriter out = response.getWriter();
        // 得到檔名
        String fileName = request.getParameter("name");
        out.println("開始上傳檔案：" + fileName + ".</br>");
        // 示例化非同步呼叫
        AsyncContext asct = request.startAsync();
        // 設定任務超時時間為10分鐘
        asct.setTimeout(10 * 60 * 1000);
        // 設定非同步呼叫的監聽器，當呼叫完成時提示
        asct.addListener(new AsyncListener() {

            // 出錯時呼叫
            @Override
            public void onError(AsyncEvent event) {
            }

            // 完成時呼叫
            @Override
            public void onComplete(AsyncEvent event) {
                out.println("檔案：" + fileName + "上傳完畢");
            }

            // 開始時呼叫
            @Override
            public void onStartAsync(AsyncEvent event) {
            }

            // 超時時呼叫
            @Override
            public void onTimeout(AsyncEvent event) {
            }
        });
        asct.start(new UploadFileExecutor(asct));
        /*
         * out.println("檔案大小為：" + fileSize + "</br>"); out.println("上傳檔案的型別是：" +
         * part.getContentType() + ".</br>"); out.println("檔名為：" + filename +
         * "</br>");
         */
    }
}

註釋比較詳細，就不仔細介紹了

裡面的非同步任務實際上是啟動了一個runnable物件，接下來是這個類的內容

package liujie.jee.bean;

import java.io.IOException;

import javax.servlet.AsyncContext;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.Part;

public class UploadFileExecutor implements Runnable {
    private AsyncContext asct;
    private Part part;
    private final static String UPLODA_DIR = "z_uploadfiles";

    public UploadFileExecutor(AsyncContext asct) {
        this.asct = asct;
    }

    @Override
    public void run() {
        HttpServletRequest request = (HttpServletRequest) asct.getRequest();
        String fileName = request.getParameter("name");
        try {
            // 獲取上傳的物件
            Part part = request.getPart("file");
            // 獲取儲存的路徑並將檔案吸入改路徑
            part.write(request.getServletContext().getRealPath(UPLODA_DIR)
                    + "\\" + fileName);
            // 完成呼叫
            asct.complete();
        } catch (IllegalStateException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        } catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        } catch (ServletException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
    }
}

注意要在應用根目錄下面建立一個z_uploadfiles的目錄放檔案

JavaEE拾遺01--非同步上傳檔案

今天學習了JavaEE的Servlet的非同步呼叫和檔案上傳，合著做了一個非同步上傳檔案練習，注意到Servlet是多執行緒的，所以實際操作中不需要非同步操作（我是這麼覺得的），閒話少說，看程式碼 <%@ page language="java" contentType="text

ajax非同步上傳檔案以及匯入excle檔案到資料庫

html程式碼： <div class="sc_btn_box"> <input type="file" class="sc_btn" id="file"> <span class="file_uploader">選擇</span>

非同步上傳檔案時獲取上傳進度資訊

轉自：https://javaweb.io/post/63 XMLHttpRequest例項的upload屬性可以新增一個事件progress,通過該事件回撥可以獲取到上傳進度資訊原生上傳 //獲取檔案筐的檔案集合 let files = document.getElem

php + ajax非同步上傳檔案阿星小棧

html程式碼 <head> <script src="/libs/jQuery/jquery-2.2.4.min.js"></script> <script> var url = "

ajax實現非同步上傳檔案

html+js程式碼 <form action="" enctype="multipart/form-data" id="upForm"> {{csrf_field()}} <input type="text" name="name" value="

非同步上傳檔案（formDate)

var oMyForm = new FormData(); oMyForm.append("username", "Groucho"); oMyForm.append("accountnum", 123456); oMyForm.append("file", $('#file')[0].fil

Jquery不使用form表單非同步上傳檔案的方法

現在的專案中需要使用到不重新整理頁面的方式實現上傳檔案，實現方法如下： html程式碼：檔案:<input id="file" type="file" name="file"/> <butt

webuploader多圖上傳，webuploader多檔案上傳，百度webuploader批量非同步上傳檔案

有人學習過子恆老師webuploader使用指南後，留言說“webuploader多檔案上傳怎麼實現？webuploader怎麼上傳多圖片” 其實這些人都是沒有看完整個教程的原因，下面來談談…

使用Ajax非同步上傳檔案

html： <form id="formid" action="" method="post" enctype="multipart/form-data"> 檔案:<input type="file" name="fileName"

ajax非同步上傳檔案完成後執行其他操作

var fileCount=檔案個數；//計數器 $.ajax({ //寫死測試 url: baseUrl + "/dfs/upload/plugins/fileproxy/fileproxy?type=upload&

spring 非同步上傳檔案給第三方

import java.util.concurrent.Future; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.schedu

HTML5 拖拽以及實現拖拽非同步上傳檔案

HTML5拖拽一、傳統實現拖拽的方式傳統的就是使用js實現元素的拖拽，核心原理如下： #box{ width:100px; height:100px; background:red; /*實現拖拽的核心之一！拖拽實質就是不斷改變其定位，所以需要先設定為絕對定位然後結

AJAXUpload JavaWeb 非同步上傳檔案

之前的專案用到了非同步上傳，於是在網上開始尋找相關資料，最開始找到了AJAXFileUpload .js。但是AJAXFileUpload .js最大的問題是需要對應版本的jquery，但是我專案下的jquery 還是很早的jquery1.3.1.於是乎不能用了。然後我開始找其最新版本，發

HTML5 jQuery+FormData 非同步上傳檔案，帶進度條

利用jQuery和html5的FormData非同步上傳檔案的好處是：實現很簡單很方便地支援進度條很方便地進行擴充套件和美化先看看效果圖：圖片上傳後的結果：實現步驟如下：第二步：上傳頁面的html程式碼： [html] view plain

jquery的非同步提交表單（非同步上傳檔案）及jquery.form.js上傳檔案注意事項

方法一：jquery的ajax方式，通過FormaData獲取表單資料（1）這種方式只需要jquery-1.7.js外掛；（2）通過`jquery中的FormaData類：自動搜尋表單資訊(表單內沒有name屬性的input不會被搜尋到)，IE<=9

按鈕點選觸發Ajax非同步上傳檔案（附加：table點選按鈕刪除行）

一、使用背景 1、在專案中需要點選按鈕即上傳檔案，提交表單時只需要儲存檔案ID即可； 2、同一個表單中有多處需要上傳檔案，多個按鈕非同步上傳檔案互不影響； 3、java後臺使用同一個檔案上傳介面。二、利用ajaxfileupload.js實現檔案非同步上傳 aja

SpringMVC使用MultipartFile 實現非同步上傳檔案

目的是實現非同步上傳 1.新增pom依賴新增pom依賴，因為用的ajax，資料需要轉成json的格式進行傳輸，所以還有加入一個JSON jar包： <dependenc

ajaxFileUpload 非同步上傳檔案配合PHP的使用

本人最近在學習PHP，並在用PHP寫一個簡單的個人部落格網站的時候需要對個人的頭像進行非同步上傳，經過研究，成功實現了ajaxFileUpload+PHP的非同步上傳功能，所以抽空做下總結，本文主要講解ajaxFileUpload 非同步上傳檔案配合PHP使用

Jquery非同步上傳檔案

我想通過jQuery非同步上傳檔案，這是我的HTML:123<span>File</span><input type="file" id="file" name="file" size="10"/><input id="uploadb

一鍵jquery非同步上傳檔案（圖片）的實現（檔案上傳進度讀取未做）

本文采用boostrap、、jquery、jade（html的一種模板）、nodejs實現最終實現的效果：一個按鈕在選擇完檔案後，自動上傳到後臺； -改變input樣式在form表單中，用<a>包裹<input type="file">，讓i

JavaEE拾遺01--非同步上傳檔案

相關推薦