我的一个项目有这个上传系统。一切都很好,唯一的是在文件上传期间,没有任何进度条......所以用户不知道他的文件何时会完全上传,直到它加载成功页面。
这是我的链接:
http://mediodesign.ca/upload/docroot/
我正在使用谷歌浏览器进行浏览。当我上传文件时,在窗口的左下角有上传传输百分比......这是我想使用的数据,但我真的不知道如何让它工作。
我想要一个加载轮(比如说“loading.gif”),旁边显示上传百分比。很简单的事情。
这是我的索引代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>File Sharing</title>
<link rel="stylesheet" href="css/master.css" type="text/css" media="screen" title="no title" charset="utf-8" />
</head>
<body id="home">
<div id="page-wrapper">
<h1>File Sharing</h1>
<form action="<?php echo $_SERVER['REQUEST_URI'] ?>" method="post" accept-charset="utf-8" enctype="multipart/form-data">
<input type="hidden" name="max_file_size" value="10485760" />
<label for="uploadthis">Select File to Upload</label>
<input type="file" name="uploadthis" value="" id="uploadthis">
<input type="submit" name="submit" id="submit" value="Upload →">
</form>
</div>
</body>
</html>
还有我的上传成功页面:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Upload successful</title>
<link rel="stylesheet" href="css/master.css" type="text/css" media="screen" title="no title" charset="utf-8" />
</head>
<body id="home">
<div id="page-wrapper" class="uploadComplete">
<h1>Upload successful</h1>
<p class="note">Download link:</p>
<p class="download-link"><a href="<?php echo $data['downloadLink']; ?>" class="downloadLink"><?php echo $data['shortname']; ?></a></p>
</div>
</body>
</html>
任何人?
谢谢!