index.jsp

来自「Ajax實現檔案上傳功能,ajax file upload」· JSP 代码 · 共 57 行

JSP
57 行
字号 
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ page import="java.io.*"%>
<%@ page import="java.util.*"%>
<%@ page import="javax.servlet.*"%>
<%@ page import="javax.servlet.http.*"%>
<%@ page import="org.apache.commons.fileupload.*"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="Cache-Control" content="no-cache" />
		<meta http-equiv="Expires" content="0" />
		<title>Simple AJAX Upload Progress Bar</title>
		<script type="text/javascript" src="JSON.js"></script>
		<script type="text/javascript" src="XMLHttpRequest.js"></script>
		<script type="text/javascript">
		function btnUpload_click(oEvent) {
			document.frmUpload.btnUpload.disabled = "true";
			document.frmUpload.btnClose.disabled  = "true";						
			document.getElementById("divProgress").style.display = "";
			window.setInterval(getProgressInfo, 500);
			document.frmUpload.submit();
		}
		</script>
	</head>
	<body>
		<h3 align="center">Simple AJAX Upload Progress Bar</h3>
		<form name="frmUpload" method="post" action="FileUploadServlet" enctype="multipart/form-data">
			<table border="0" align="center">
				<tr>
					<td>
						Select File : <input type="file" name="inputfile" size="30" />
					</td>
				</tr>
				<tr>
					<td align="center">
						<input type="button" name="btnUpload" value="Upload" onclick="btnUpload_click(event)" />
						<input type="button" name="btnClose" value="Close" onclick="window.close();" />
					</td>
				</tr>
			</table>
		</form>
		<center>
			<div id="divProgress" style="width:40%;height:0.6cm;display:none;">
				<span id="ProgressText">0%</span><br />
				<div style="border:1px solid #000000;width:100%;">
					<table id="ProgressBar" align="left" cellpadding="0" cellspacing="0" style="width:0px;height:100%;border-width:1px;border-style:solid;border-color:#fff #555 #555 #fff;">
						<tr>
							<td style="width:100%;background-color:#0000FF;">&nbsp;</td>
						</tr>
					</table>
				</div>
			</div>
		</center>
	</body>
</html>

index.jsp - 源码说明

本页面展示了「Ajax實現檔案上傳功能,ajax file upload」中的 index.jsp 源码文件，采用 JSP 编程语言编写，共 57 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与upload相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?