Thinking
快樂(lè)編程,開(kāi)心生活
posts - 21, comments - 27, trackbacks - 0, articles - -5
BlogJava
::
首頁(yè)
::
新隨筆
::
聯(lián)系
::
聚合
::
管理
利用DWR實(shí)現(xiàn)文件上傳進(jìn)度條
Posted on 2007-02-07 14:28
lixw
閱讀(3605)
評(píng)論(1)
編輯
收藏
來(lái)自telio.be的JS:
?1
/**/
/*
?Licence:
?2
*???Use?this?however/wherever?you?like,?just?don't?blame?me?if?it?breaks?anything.
?3
*
?4
*?Credit:
?5
*???If?you're?nice,?you'll?leave?this?bit:
?6
*
?7
*???Class?by?Pierre-Alexandre?Losson?--?http://www.telio.be/blog
?8
*???email?:?plosson@users.sourceforge.net
?9
*/
10
function
?refreshProgress()
11
{
12
????UploadMonitor.getUploadInfo(updateProgress);
13
}
14
15
function
?updateProgress(uploadInfo)
16
{
17
????
if
?(uploadInfo.inProgress)
18
????
{
19
????????document.getElementById('uploadbutton').disabled?
=
?
true
;
20
????????document.getElementById('file1').disabled?
=
?
true
;
21
22
????????
var
?fileIndex?
=
?uploadInfo.fileIndex;
23
24
????????
var
?progressPercent?
=
?Math.ceil((uploadInfo.bytesRead?
/
?uploadInfo.totalSize)?
*
?
100
);
25
26
????????document.getElementById('progressBarText').innerHTML?
=
?'upload?
in
?progress:?'?
+
?progressPercent?
+
?'
%
';
27
28
????????document.getElementById('progressBarBoxContent').style.width?
=
?parseInt(progressPercent?
*
?
3.5
)?
+
?'px';
29
30
????????window.setTimeout('refreshProgress()',?
1000
);
31
????}
32
????
else
33
????
{
34
????????document.getElementById('uploadbutton').disabled?
=
?
false
;
35
????????document.getElementById('file1').disabled?
=
?
false
;
36
????}
37
38
????
return
?
true
;
39
}
40
41
function
?startProgress()
42
{
43
????document.getElementById('progressBar').style.display?
=
?'block';
44
????document.getElementById('progressBarText').innerHTML?
=
?'upload?
in
?progress:?
0
%
';
45
????document.getElementById('uploadbutton').disabled?
=
?
true
;
46
47
????
//
?wait?a?little?while?to?make?sure?the?upload?has?started?..
48
????window.setTimeout(
"
refreshProgress()
"
,?
1500
);
49
????
return
?
true
;
50
}
51
一個(gè)可以有其他頁(yè)面引用的進(jìn)度條頁(yè)面:
?1
<%
?2
????String?path?
=
?request.getContextPath();
?3
????String?basePath?
=
?request.getScheme()
+
"
://
"
+
request.getServerName()
+
"
:
"
+
request.getServerPort()
+
path
+
"
/
"
;
?4
%>
?5
<
script?src
=
"
<%=basePath%>common/js/upload.js
"
>
?
</
script
>
?6
<
script?src
=
"
<%=basePath%>dwr/interface/UploadMonitor.js
"
>
?
</
script
>
?7
<
script?src
=
"
<%=basePath%>dwr/engine.js
"
>
?
</
script
>
?8
<
script?src
=
"
<%=basePath%>dwr/util.js
"
>
?
</
script
>
?9
<
style?type
=
"
text/css
"
>
10
????body?
{?font:?11px?Lucida?Grande,?Verdana,?Arial,?Helvetica,?sans?serif;?}
11
????#progressBar?
{?padding
-
top:?5px;?}
12
????#progressBarBox?
{?width:?350px;?height:?20px;?border:?1px?inset;?background:?#eee;}
13
????#progressBarBoxContent?
{?width:?
0
;?height:?20px;?border
-
right:?1px?solid?#
444
;?background:?#9ACB34;?}
14
</
style
>
15
16
<
div?id
=
"
progressBar
"
?style
=
"
display:?none;
"
>
17
????
<
div?id
=
"
theMeter
"
>
18
????????
<
div?id
=
"
progressBarText
"
></
div
>
19
????????
<
div?id
=
"
progressBarBox
"
>
20
????????????
<
div?id
=
"
progressBarBoxContent
"
></
div
>
21
????????
</
div
>
22
????
</
div
>
23
</
div
>
在dwr.xml?中的配置:
?1
<?
xml?version="1.0"?encoding="UTF-8"
?>
?2
<!
DOCTYPE?dwr?PUBLIC?"-//GetAhead?Limited//DTD?Direct?Web?Remoting?2.0//EN"?
?3
"http://getahead.ltd.uk/dwr/dwr20.dtd"
>
?4
<
dwr
>
?5
????
<
allow
>
?6
????????
<
create?
creator
="new"
?javascript
="UploadMonitor"
?scope
="script"
>
?7
????????????
<
param?
name
="class"
?value
="be.telio.mediastore.ui.upload.UploadMonitor"
/>
?8
????????
</
create
>
?9
????????
<
convert?
converter
="bean"
?match
="be.telio.mediastore.ui.upload.UploadInfo"
/>
10
????
</
allow
>
11
</
dwr
>
在web.xml中增加如下對(duì)DwrServlet的配置:
?1
<
servlet
>
?2
????
<
servlet-name
>
dwr-invoker
</
servlet-name
>
?3
????
<
servlet-class
>
org.directwebremoting.servlet.DwrServlet
</
servlet-class
>
?4
????
<
init-param
>
?5
??????
<
param-name
>
debug
</
param-name
>
?6
??????
<
param-value
>
false
</
param-value
>
?7
????
</
init-param
>
?8
????
<
init-param
>
?9
??????
<
param-name
>
pollAndCometEnabled
</
param-name
>
10
??????
<
param-value
>
true
</
param-value
>
11
????
</
init-param
>
12
????
<
init-param
>
13
??????
<
param-name
>
allowGetForSafariButMakeForgeryEasier
</
param-name
>
14
??????
<
param-value
>
true
</
param-value
>
15
????
</
init-param
>
16
????
<
load-on-startup
>
2
</
load-on-startup
>
17
??
</
servlet
>
18
19
??
<
servlet-mapping
>
20
????
<
servlet-name
>
dwr-invoker
</
servlet-name
>
21
????
<
url-pattern
>
/dwr/*
</
url-pattern
>
22
??
</
servlet-mapping
>
評(píng)論
#
re: 利用DWR實(shí)現(xiàn)文件上傳進(jìn)度條
回復(fù)
更多評(píng)論
2009-06-16 17:36 by
shenw
很不錯(cuò)
新用戶注冊(cè)
刷新評(píng)論列表
只有注冊(cè)用戶
登錄
后才能發(fā)表評(píng)論。
網(wǎng)站導(dǎo)航:
博客園
IT新聞
Chat2DB
C++博客
博問(wèn)
管理
Powered by:
BlogJava
Copyright © lixw
日歷
<
2009年6月
>
日
一
二
三
四
五
六
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
留言簿
(1)
給我留言
查看公開(kāi)留言
查看私人留言
相冊(cè)
一升的眼淚
最愛(ài)籃球
搜索
最新評(píng)論
1.?re: 利用DWR實(shí)現(xiàn)文件上傳進(jìn)度條
很不錯(cuò)
--shenw
2.?re: 張曉風(fēng)-綠色的書簡(jiǎn)
亦秀亦豪,讓人感動(dòng)!
--lixw
3.?re: 多線程監(jiān)聽(tīng)文件改動(dòng)
有沒(méi)有辦法做個(gè)監(jiān)聽(tīng)程序放到服務(wù)器里自動(dòng)運(yùn)行?
--elary
4.?re: struts2學(xué)習(xí)Tips
評(píng)論內(nèi)容較長(zhǎng),點(diǎn)擊標(biāo)題查看
--kawaii
5.?re: struts2學(xué)習(xí)Tips
評(píng)論內(nèi)容較長(zhǎng),點(diǎn)擊標(biāo)題查看
--kawaii
主站蜘蛛池模板:
日韩亚洲综合精品国产
|
日韩一区二区在线免费观看
|
a毛片全部免费播放
|
国产免费区在线观看十分钟
|
9久热精品免费观看视频
|
久久九九久精品国产免费直播
|
午夜不卡AV免费
|
caoporm碰最新免费公开视频
|
免费无码又爽又黄又刺激网站
|
99精品全国免费观看视频
|
18成禁人视频免费网站
|
a拍拍男女免费看全片
|
99久久99这里只有免费费精品
|
黄页网站免费在线观看
|
天天拍拍天天爽免费视频
|
国产成人精品高清免费
|
亚洲精品视频在线看
|
亚洲中文字幕无码久久2017
|
亚洲av无码一区二区三区乱子伦
|
久久久综合亚洲色一区二区三区
|
中文字幕精品亚洲无线码一区
|
国产亚洲美日韩AV中文字幕无码成人
|
中文国产成人精品久久亚洲精品AⅤ无码精品
|
久久久久亚洲精品中文字幕
|
欧洲亚洲国产清在高
|
亚洲欧洲精品久久
|
激情综合亚洲色婷婷五月APP
|
亚洲国产成人AV在线播放
|
免费一级毛片在线播放视频免费观看永久
|
一级特黄aaa大片免费看
|
182tv免费视频在线观看
|
亚洲黄色片免费看
|
日韩毛片无码永久免费看
|
亚洲国产精品综合久久网络
|
国产麻豆免费观看91
|
亚洲日韩中文字幕日韩在线
|
亚洲av无码片在线播放
|
亚洲日本在线播放
|
国产精品手机在线亚洲
|
中文字幕免费在线看电影大全
|
老汉精品免费AV在线播放
|