亚洲av无码不卡久久,亚洲综合成人网在线观看,亚洲最大的成人网站

利用DWR實現(xiàn)文件上傳進度條

Posted on 2007-02-07 14:28 lixw 閱讀(3605) 評論(1) 編輯收藏

來自telio.be的JS：

/*?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

function?updateProgress(uploadInfo)
16

{
17

????if?(uploadInfo.inProgress)
18

????{
19

????????document.getElementById('uploadbutton').disabled?=?true;
20

????????document.getElementById('file1').disabled?=?true;
21

????????var?fileIndex?=?uploadInfo.fileIndex;
23

????????var?progressPercent?=?Math.ceil((uploadInfo.bytesRead?/?uploadInfo.totalSize)?*?100);
25

????????document.getElementById('progressBarText').innerHTML?=?'upload?in?progress:?'?+?progressPercent?+?'%';
27

????????document.getElementById('progressBarBoxContent').style.width?=?parseInt(progressPercent?*?3.5)?+?'px';
29

????????window.setTimeout('refreshProgress()',?1000);
31

????}
32

????else
33

????{
34

????????document.getElementById('uploadbutton').disabled?=?false;
35

????????document.getElementById('file1').disabled?=?false;
36

????}
37

????return?true;
39

}
40

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

????//?wait?a?little?while?to?make?sure?the?upload?has?started?..
48

????window.setTimeout("refreshProgress()",?1500);
49

????return?true;
50

}
51

一個可以有其他頁面引用的進度條頁面：

<%
?2

????String?path?=?request.getContextPath();
?3

????String?basePath?=?request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
?4

%>
?5

????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

<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?中的配置：

<?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中增加如下對DwrServlet的配置：

<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

??<servlet-mapping>
20

????<servlet-name>dwr-invoker</servlet-name>
21

????<url-pattern>/dwr/*</url-pattern>
22

??</servlet-mapping>

# re: 利用DWR實現(xiàn)文件上傳進度條 回復 更多評論

2009-06-16 17:36 by shenw

很不錯

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發(fā)表評論。




網(wǎng)站導航: 博客園 IT新聞 Chat2DB C++博客博問管理

Thinking

利用DWR實現(xiàn)文件上傳進度條

評論

# re: 利用DWR實現(xiàn)文件上傳進度條 回復 更多評論

日歷

留言簿(1)

相冊

搜索

最新評論

Thinking

利用DWR實現(xiàn)文件上傳進度條

評論

# re: 利用DWR實現(xiàn)文件上傳進度條 回復 更多評論

日歷

留言簿(1)

相冊

搜索

最新評論

# re: 利用DWR實現(xiàn)文件上傳進度條回復更多評論