使用 Jquery 显示上传传输时间 - Show upload transfer time using Jquery?

Show upload transfer time using Jquery?

本文关键字：传输时间 Jquery 显示使用 | 更新日期: 2023-09-27

我有一个上传系统，用于我的一个项目。一切都很棒，唯一的问题是在文件上传过程中，没有任何进度条......因此，用户不知道他的文件何时会完全上传，直到加载成功页面。

这是我的链接：

http://mediodesign.ca/upload/docroot/

我正在使用谷歌浏览器进行浏览。当我上传文件时，在窗口的左下角有上传传输百分比......这就是我想使用的数据，但我真的不知道如何让它工作。

我希望出现一个加载轮（假设"加载.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 &rarr;">
            </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>

任何人？

谢谢！

显示上传的百分比并不是HTTP procotol中暗示的内容。AFAIK，您必须使用服务器端模块（如果您可以使用它）或使用Flash（或Java）外部插件来上传文件。

例如，GMail 用于邮件附件的上传过程由 Flash 模块完成。