📄 manual_progress.html
字号:
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Developer Studio">
<META HTTP-EQUIV="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="KEYWORDS" content="ASP UPLOAD ASPUPLOAD PWS BLOB Personal Web Server IIS Internet Information Server ASP UPLOADING UPLOAD DEC ALPHA AlphaServer AspUpload Persits Software Persits Web ASP Active Server Pages Active Server Component Upload browser TYPE=FILE TYPE FILE Windows NT Web ACL ACE Access Control List Directory Listing Export Attribute FILE FREE RFC ie3 ie4 posting acceptor posting acceptor RFC1867 RFC-1867 1867 Component ENCTYPE multipart/form-data multipart SA-FileUp ActiveFile Database Multiple software artisans activefile vbscript activex jscript netscape internet explorer download downloading unique form limit size">
<meta name="KEYWORDS" content="ASP, UPLOAD, ASPUPLOAD, PWS, BLOB, Personal Web Server, IIS, Internet Information Server, ASP, UPLOADING, UPLOAD, DEC, ALPHA, AlphaServer, AspUpload, Persits Software, Persits, Web, ASP, Active Server Pages, Active Server Component, Upload, browser, TYPE=FILE, TYPE, FILE, Windows, NT, Web, ACL, ACE, Access Control List, Directory, Listing, Export, Attribute, FILE, FREE, RFC, ie3, ie4, posting acceptor, posting, acceptor, RFC1867, RFC-1867, 1867, Component, ENCTYPE, multipart/form-data, multipart, SA-FileUp, ActiveFile, Database, Multiple, software, artisans, activefile, vbscript, activex, jscript, netscape, internet, explorer, download, downloading, unique, form, limit, size">
<meta name="DESCRIPTION" content="AspUpload.com - the home of the most advanced upload solution for a Windows NT/ASP-based Web environment">
<TITLE>AspUpload.com - User Manual. Chapter 5</TITLE>
</HEAD>
<BODY BACKGROUND="bk.gif" LEFTMARGIN="0" TOPMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0">
<BASEFONT FACE="Helvetica, Arial" SIZE=1>
<!-- Main Data table -->
<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="705">
<TD ALIGN="LEFT" VALIGN="TOP" WIDTH="160">
<FONT FACE="arial narrow" Size=2>
<B>
<IMG SRC="spacer.gif" BORDER="0" HEIGHT="15"><BR>
<IMG SRC="sq.gif"><IMG SRC="square.gif"> <A HREF="index.html">Home</A>
<BR>
<IMG SRC="sq.gif"><IMG SRC="square.gif"> <A HREF="whatsnew.html">What's New</A>
<P>
<IMG SRC="sq.gif"><IMG SRC="square_pressed.gif"> <A HREF="manual.html">User Manual</A>
<BR>
<IMG SRC="sq.gif"><IMG SRC="sq.gif"><IMG SRC="sq.gif"><IMG SRC="sq.gif"><IMG SRC="square_small.gif"> <A HREF="manual_intro.html">1. Introduction</A><BR>
<IMG SRC="sq.gif"><IMG SRC="sq.gif"><IMG SRC="sq.gif"><IMG SRC="sq.gif"><IMG SRC="square_small.gif"> <A HREF="manual_simple.html">2. Simple Uploads</A><BR>
<IMG SRC="sq.gif"><IMG SRC="sq.gif"><IMG SRC="sq.gif"><IMG SRC="sq.gif"><IMG SRC="square_small.gif"> <A HREF="manual_memory.html">3. Memory Uploads</A><BR>
<IMG SRC="sq.gif"><IMG SRC="sq.gif"><IMG SRC="sq.gif"><IMG SRC="sq.gif"><IMG SRC="square_small.gif"> <A HREF="manual_db.html">4. Database</A><BR>
<IMG SRC="sq.gif"><IMG SRC="sq.gif"><IMG SRC="sq.gif"><IMG SRC="sq.gif"><IMG SRC="square_small_pressed.gif"> 5. Progress Bar<BR>
<IMG SRC="sq.gif"><IMG SRC="sq.gif"><IMG SRC="sq.gif"><IMG SRC="sq.gif"><IMG SRC="square_small.gif"> <A HREF="manual_security.html">6. Security</A><BR>
<IMG SRC="sq.gif"><IMG SRC="sq.gif"><IMG SRC="sq.gif"><IMG SRC="sq.gif"><IMG SRC="square_small.gif"> <A HREF="manual_image.html">7. Images</A><BR>
<IMG SRC="sq.gif"><IMG SRC="sq.gif"><IMG SRC="sq.gif"><IMG SRC="sq.gif"><IMG SRC="square_small.gif"> <A HREF="manual_unicode.html">8. Unicode</A><BR>
<IMG SRC="sq.gif"><IMG SRC="sq.gif"><IMG SRC="sq.gif"><IMG SRC="sq.gif"><IMG SRC="square_small.gif"> <A HREF="manual_misc.html">9. Miscellaneous</A><BR>
<IMG SRC="sq.gif"><IMG SRC="sq.gif"><IMG SRC="sq.gif"><IMG SRC="sq.gif"><IMG SRC="square_small.gif"> <A HREF="manual_share.html">10. Hosting Issues</A><BR>
<P>
<IMG SRC="sq.gif"><IMG SRC="square.gif"> <A HREF="objectreference.html">Object Reference</A>
<BR>
<IMG SRC="sq.gif"><IMG SRC="square.gif"> <A HREF="livedemo.html">Live Demos</A>
<BR>
<IMG SRC="sq.gif"><IMG SRC="square.gif"> <A HREF="support.html">Support</A>
<P>
<IMG SRC="sq.gif"><IMG SRC="square.gif"> <A HREF="xupload.html">XUpload</A><BR>
<IMG SRC="sq.gif"><IMG SRC="square.gif"> <A HREF="jupload.html">JUpload</A><BR>
<IMG SRC="sq.gif"><IMG SRC="square.gif"> <A HREF="aspjpeg.html">AspJpeg</A><BR>
<P>
<IMG SRC="sq.gif"><IMG SRC="square.gif"> <A HREF="download.html">Download</A>
<BR>
<IMG SRC="sq.gif"><IMG SRC="square.gif"> <A HREF="purchase.html">Purchase</A>
<P>
<IMG SRC="sq.gif"><IMG SRC="square.gif"> <A HREF="clients.html">Clients</A>
<BR>
<IMG SRC="sq.gif"><IMG SRC="square.gif"> <A HREF="otherproducts.html">Other Products</A>
<BR>
<IMG SRC="sq.gif"><IMG SRC="square.gif"> <A HREF="contact.html">Contact Us</A>
<FORM TARGET="_new" ACTION="http://support.persits.com/emails/signup.asp">
<FONT FACE="Arial Narrow" SIZE="2" COLOR="#9C3131"><IMG SRC="sq.gif"><B>Newsletter Signup</B></FONT><BR>
<IMG SRC="sq.gif"><INPUT TYPE="TEXT" NAME="email" SIZE="15" VALUE="e-mail address"></FORM>
</B>
</FONT>
</TD>
<TD VALIGN=TOP WIDTH=545 ALIGN="LEFT">
<!-- Right Column with data -->
<IMG SRC="sq.gif"><BR>
<IMG SRC="manual.gif">
<BR>
<TABLE WIDTH=540 HEIGHT=2 CELLSPACING=0 CELLPADDING=0 BORDER=0>
<TD BGcolor="#FFCE00"><spacer type=block width=540 height=2></TD>
</TABLE>
<P>
<FONT SIZE=2 FACE=ARIAL COLOR="#000000">
<A HREF="manual_security.html"><IMG BORDER="0" SRC="next.gif" ALIGN="RIGHT" ALT="Chapter 6: User Impersonation and Permissions"></A>
<A HREF="manual_db.html"><IMG BORDER="0" SRC="previous.gif" ALIGN="RIGHT" ALT="Chapter 4: Saving Files and/or Filenames in the Database"></A>
<B><U><FONT SIZE="3" COLOR="#990000">Chapter 5. Progress Bar</FONT></U></B>
<P>
<B><FONT COLOR="#0000A0">Introducing the HTML-based Progress Bar</FONT></B>
<BLOCKQUOTE>
Starting with Version 3.0, AspUpload offers a unique feature: an HTML-based progress indicator
which pops up upon the commencement of an upload
and displays the current upload status including the
percentage completed and time remaining information.
Once an upload is finished or aborted by the user, the progress window automatically
closes. This feature is particularly useful when uploading large (over 1 MB) files.
<P>
The progress bar is implemented using nothing but HTML and client-side JavaScript. No ActiveX controls or Java applets
are used. A typical progress window looks like this:
<P>
<IMG SRC="progressbar.gif">
<P>
The layout of the progress window is fully customizable. You can move around
the progress bar and numeric indicators, change captions, add custom logos, etc.
</BLOCKQUOTE>
<B><FONT COLOR="#0000A0">Implementation Steps</FONT></B>
<BLOCKQUOTE>
You must carefully follow these steps to add progress bar functionality
to your application.
<P>
<B>Step 1</B>. If your upload form is located in an .HTML file, you should make it into
an .ASP file as some ASP script needs to be added to that file.
<P>
<B>Step 2</B>. At the top of your form file (above the actual form), place the following code:
<P>
<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=3>
<TR><TD BGCOLOR="#FFFF00">
<FONT SIZE="1" FACE="Courier New"><B>
<%<BR>
Set UploadProgress = Server.CreateObject("Persits.UploadProgress")<BR>
PID = "PID=" & UploadProgress.CreateProgressID()<BR>
barref = "framebar.asp?to=10&" & PID<BR>
%>
</FONT></TD></TR>
</TABLE>
<P>
This code is responsible for creating a unique progress ID which connects
the page containing the upload form with the progress indicator
and upload script.
<P>
<B>Step 3</B>. Add the following JavaScript function to your form file below
the ASP fragment of Step 2. You may place it between the <HEAD>...</HEAD> tags.
<P>
<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=3>
<TR><TD BGCOLOR="#E0E0E0">
<FONT SIZE="1" FACE="Courier New"><B>
<SCRIPT LANGUAGE="JavaScript"><BR>
function ShowProgress()<BR>
{<BR>
strAppVersion = navigator.appVersion;<BR>
if (document.MyForm.FILE1.value != "" || document.MyForm.FILE2.value != "" || document.MyForm.FILE3.value != "")<BR>
{<BR>
if (strAppVersion.indexOf('MSIE') != -1 && strAppVersion.substr(strAppVersion.indexOf('MSIE')+5,1) > 4)<BR>
{<BR>
winstyle = "dialogWidth=375px; dialogHeight:130px; center:yes";<BR>
window.showModelessDialog('<% = barref %>&b=IE',null,winstyle);<BR>
}<BR>
else<BR>
{<BR>
window.open('<% = barref %>&b=NN','','width=370,height=115', true);<BR>
}<BR>
}<BR>
return true;<BR>
}<BR>
</SCRIPT>
</FONT></TD></TR>
</TABLE>
<P>
The function ShowProgress() is responsible for opening the progress bar window
upon submission of your upload form. You may need to change the line
<P>
<FONT SIZE="1" FACE="Courier New">
if (document.MyForm.FILE1.value != "" || document.MyForm.FILE2.value != "" || document.MyForm.FILE3.value != "")
</FONT>
<P>
according to your own form name and the names of your file item(s). In our example,
the form name is MyForm, and the file items are FILE1, FILE2 and FILE3.
<P>
<B>Step 4</B>. Add an extra parameter to the ACTION attribute of your
upload form, as follows:
<P>
<FONT SIZE="1" FACE="Courier New">
<FORM NAME="MyForm" METHOD="POST" ENCTYPE="multipart/form-data"<BR>
ACTION="progress_upload.asp<B><FONT COLOR="#FF0000">?<% = PID %></FONT></B>">
</FONT>
<P>
<B>Step 5</B>. Add an OnSubmit attribute to your upload form
which calls the ShowProgress() routine added in Step 3, as follows:
<P>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -