Java動(dòng)態(tài)顯示文件上傳進(jìn)度實(shí)現(xiàn)代碼
本文實(shí)例實(shí)現(xiàn)文件上傳的進(jìn)度顯示,我們先看看都有哪些問(wèn)題我們要解決。
1 上傳數(shù)據(jù)的處理進(jìn)度跟蹤
2 進(jìn)度數(shù)據(jù)在用戶頁(yè)面的顯示
就這么2個(gè)問(wèn)題,
第一個(gè)問(wèn)題,主要是組件的選擇
必須支持?jǐn)?shù)據(jù)處理偵聽(tīng)或通知的組件。當(dāng)然,我肯定只用我自己的組件啦。基本原理是
1 使用request.getContentLength() 讀取到處理數(shù)據(jù)的總長(zhǎng)度,注意這個(gè)長(zhǎng)度不等于文件的長(zhǎng)度,因?yàn)锽ase64等編碼會(huì)增加數(shù)據(jù)量,如果超過(guò)了允許的長(zhǎng)度,直接返回-1;
2 在每讀取一部分?jǐn)?shù)據(jù)時(shí)(比如一行,或者64K,或者你自定義的字節(jié)數(shù)),將讀取的字節(jié)數(shù)通知我們的進(jìn)度跟蹤程序。我取名為 UploadListener代碼如下
/*
* 處理附件上傳的通知。
* 各位可以繼承這個(gè)類,來(lái)實(shí)現(xiàn)自己的特殊處理。
*
* @author 趙學(xué)慶 www.java2000.net
*/
public class UploadListener ... {
// 調(diào)試模式將在控制臺(tái)打印出一些數(shù)據(jù)
private boolean debug;
// 總數(shù)據(jù)字節(jié)數(shù)
private int total;
// 當(dāng)前已經(jīng)處理的數(shù)據(jù)字節(jié)數(shù)
private int totalCurrent = 0 ;
// 延遲,用來(lái)調(diào)試用,免得速度太快,根本卡看不到進(jìn)度
private int delay = 0 ;
/** */ /**
* 處理數(shù)據(jù)通知的方法。
* 保存已經(jīng)處理的數(shù)據(jù)。并且在一定的比例進(jìn)行延遲。默認(rèn)每1%
* 如果不需用延遲,可以刪掉內(nèi)部的代碼,加快速度。
*
* @param size 增加的字節(jié)數(shù)
*/
public void increaseTotalCurrent( long size) ... {
this .totalCurrent += size;
try ... {
currentRate = totalCurrent * 100 / total;
if (currentRate > lastRate) ... {
if (delay > 0 ) ... {
Thread.sleep(delay);
}
if (debug) ... {
System.out.println( " rate= " + totalCurrent + " / " + total + " / " + (totalCurrent * 100 / total));
}
lastRate = currentRate;
}
} catch (Exception e) ... {
e.printStackTrace();
}
}
/** */ /**
* 讀取全部自己數(shù)
*
* @return
*/
public int getTotal() ... {
return total;
}
/** */ /**
* 讀取已經(jīng)處理的字節(jié)數(shù)
*
* @return
*/
public int getTotalCurrent() ... {
return totalCurrent;
}
private long lastRate = 0 ;
private long currentRate = 0 ;
public int getDelay() ... {
return delay;
}
public void setDelay( int delay) ... {
this .delay = delay;
}
public void setTotal( int total) ... {
this .total = total;
}
public boolean isDebug() ... {
return debug;
}
public void setDebug( boolean debug) ... {
this .debug = debug;
}
}
3 下面我們來(lái)看上傳的處理部分
Upload upload = new Upload(request); // 增加了偵聽(tīng)進(jìn)度的代碼 UploadListener uploadListener = new UploadListener(); // 這句話我們后面再討論,這個(gè)可是關(guān)鍵 session.setAttribute( " uploadListener " ,uploadListener); uploadListener.setDelay( 0 ); uploadListener.setDebug( true ); upload.setUploadListener(uploadListener); upload.parse(); // 這句話同樣重要,我們后面再討論 session.setAttribute( " uploadListener " , null );
4 我們?cè)倏瓷蟼鞯谋韱尾糠?/p>
< script. type = " text/javascript. " >
function checkForm() ... {
$( " SHOW_FRAME. " ).src = " link.jsp " ;
$( ' SUBMIT ' ).disabled = true ;
Ext.MessageBox.show( ... {
title: ' Please wait... ' ,
msg: ' Initializing... ' ,
width: 240 ,
progress: true ,
closable: false
} );
$( " MAIN_FORM. " ).submit();
return false ;
}
function setUploadProcess(total,current) ... {
var rate = Number(current) / Number(total);
Ext.MessageBox.updateProgress(rate, ' Uploading... ' + current + " / " + total);
if (Number(current) >= Number(total)) ... {
closeUploadProcess();
}
}
function closeUploadProcess() ... {
Ext.MessageBox.hide();
}
</ script. >
< iframe. name = " ACTION_FRAME. " id = " ACTION_FRAME. " width = " 0 " height = " 0 " ></ iframe. >
< iframe. name = " SHOW_FRAME. " id = " SHOW_FRAME. " width = " 0 " height = " 0 " ></ iframe. >
< form. method = " OST " id = " MAIN_FORM. " nsubmit = " return checkForm() " enctype = " multipart/form-data "
action = " uploadFileSave.jsp " target = " ACTION_FRAME. " >
< input type = " file " size = " 50 " name = " file " >
< input type = " submit " ID = " SUBMIT " value = " Upload It " >
</ form. >第一個(gè)iframe用于提交表單數(shù)據(jù),第二個(gè)就是我們用來(lái)獲取處理數(shù)據(jù)進(jìn)度信息的。
提交表單很簡(jiǎn)單,target指向了我們的第一個(gè)iframe.
我們看一下JS
checkForm. 里面第一句就是關(guān)鍵的讀取進(jìn)度信息的頁(yè)面,我們?cè)诘诙€(gè)iframe里面獲得。然后就是彈出進(jìn)度的顯示框,我使用了Ext. 然后提交上傳表單
setUploadProcess 用來(lái)更新進(jìn)度框上面的數(shù)據(jù),第一個(gè)參數(shù)是數(shù)據(jù)總共的大小,第二個(gè)參數(shù)是已經(jīng)處理的大小。
closeUploadProcess 關(guān)閉進(jìn)度框
5 最后,我們來(lái)看讀取進(jìn)度信息的頁(yè)面
<% @ page language = " java " contentType = " text/html; charset=utf-8 " pageEncoding = " utf-8 " %>
<% @include file = " ../package.inc.jsp " %>
<%
response.setHeader( " ragma " , " no-cache " );
response.setHeader( " Cache-Control " , " no-cache " );
response.setDateHeader( " Expires " , 0 );
response.setBufferSize( 0 );
UploadListener uploadListener = null ;
while (uploadListener == null || uploadListener.getTotalCurrent() <= 0 ) ... {
uploadListener = (UploadListener) session.getAttribute( " uploadListener " );
out.print( " . " );
out.flush();
Thread.sleep( 10 );
}
long total = uploadListener.getTotal();
out.println(total);
long current;
out.flush();
while ( true ) ... {
current = uploadListener.getTotalCurrent();
if (current >= total) ... {
break ;
}
out.println( " <script. type='text/javascript'>parent.setUploadProcess(' " + total + " ',' " + current + " ');</script> " );
out.flush();
Thread.sleep( 10 );
}
%>< script. type = " text/javascript. " > parent.closeUploadProcess(); </ script. >
其中前面的循環(huán),用來(lái)判斷是否產(chǎn)生了上傳的信息,如果沒(méi)有則等待。
然后就是讀取上傳的信息,并計(jì)算后生成調(diào)用上級(jí)窗口的更新進(jìn)度條的JS, 請(qǐng)注意out.print后面必須跟上out.flush,否則不會(huì)持續(xù)輸出到客戶端,也就不會(huì)看到連續(xù)的進(jìn)度條變化。
總結(jié):
上面的部分比較亂,我這里總結(jié)一下關(guān)鍵點(diǎn)。
1、在上傳組件里面,把總大小和當(dāng)前讀取了的大小放到一個(gè)類里面,并持續(xù)更新,直到處理完畢
2、上傳的進(jìn)度類,放在session里面,供進(jìn)度讀取頁(yè)面讀取
3、進(jìn)度讀取頁(yè)面,從session里面拿到數(shù)據(jù),并返回結(jié)果。
有幾個(gè)疑問(wèn)解釋一下。
1、由于Http協(xié)議決定了,必須等request處理完畢才會(huì)返回輸出,所以不能在upload頁(yè)面里進(jìn)行處理進(jìn)度的顯示。我前面測(cè)試到1M左右的文件不成功,就是沒(méi)有考慮到這個(gè)問(wèn)題。所以必須單獨(dú)用一個(gè)GET的程序進(jìn)行讀取
2、讀取是一個(gè)持續(xù)不斷的過(guò)程,因?yàn)樯蟼鞔笪募呛苈模?br />3、如果你的應(yīng)用服務(wù)器啟用了GZIP壓縮,是容器管理的,那么很不幸,因?yàn)槿菀妆仨毮玫剿械臄?shù)據(jù),至少是一部分?jǐn)?shù)據(jù)才會(huì)返回,所以造成我們返回的那些很少的字節(jié)經(jīng)常會(huì)被截住,造成無(wú)法顯示上傳的連續(xù)過(guò)程。
解決方法
1) 關(guān)閉GZIP, 我想許多人不會(huì)這么做
2) 使用自定義的GZIP壓縮,判斷某些東西(比如URL),對(duì)他們不進(jìn)行壓縮處理
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
java文件重命名(文件批量重命名)實(shí)例程序代碼分享
這篇文章主要介紹了java文件重命名的程序代碼,大家參考使用吧2013-12-12
基于SpringBoot2的Shiro最簡(jiǎn)配置操作(兩個(gè)文件)
這篇文章主要介紹了基于SpringBoot2的Shiro最簡(jiǎn)配置操作(兩個(gè)文件),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2021-01-01
SpringBoot動(dòng)態(tài)定時(shí)任務(wù)實(shí)現(xiàn)完整版
最近有幸要開(kāi)發(fā)個(gè)動(dòng)態(tài)定時(shí)任務(wù),這里簡(jiǎn)單再梳理一下,下面這篇文章主要給大家介紹了關(guān)于SpringBoot動(dòng)態(tài)定時(shí)任務(wù)實(shí)現(xiàn)的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-02-02
基于SpringBoot和PostGIS的某國(guó)基地可視化實(shí)戰(zhàn)
本文以Java開(kāi)發(fā)語(yǔ)言為例,使用SpringBoot框架來(lái)進(jìn)行后臺(tái)開(kāi)發(fā),詳細(xì)講解如何使用Leaflet對(duì)PostGIS的全球基地信息進(jìn)行Web可視化,最后分享Web可視化結(jié)果,感興趣的朋友跟隨小編一起看看吧2024-08-08
SpringBoot調(diào)用DeepSeek?API的完整操作指南
這篇文章主要為大家詳細(xì)介紹了SpringBoot調(diào)用DeepSeek?API的完整操作指南,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2025-02-02
Java定時(shí)器例子_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
本文給大家分享了java定時(shí)器例子,非常不錯(cuò),具有參考借鑒價(jià)值,需要的的朋友參考下吧2017-05-05
springboot如何將http轉(zhuǎn)https
這篇文章主要介紹了springboot如何將http轉(zhuǎn)https,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-04-04

