1

我想使用文件上传进度。任何人都可以提供可能的简单代码来显示上传进度条。在下一个代码上。有文件接收文件upload.php

<?php
if ($_FILES) {
    foreach ($_FILES as $k => $v) {
        if ($v["error"] > 0) {
            echo "Error: " . $_FILES["file"]["error"] . "<br>";
        } else {
            echo "Upload: " . $v["name"] . "<br>";
            echo "Type: " . $v["type"] . "<br>";
            echo "Size: " . ($v["size"] / 1024) . " kB<br>";
            echo "Stored in: " . $v["tmp_name"]. "<br><br>";
        }
    }
    return;
}
?>

还有一个带有文件上传表单的html。

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Upload</title>
    </head>
    <body>
        <form action="upload.php" method="post" enctype="multipart/form-data">
            <label for="f1">Filename:</label>
            <input type="file" name="f1" id="f1"><br>
            <label for="f2">Filename:</label>
            <input type="file" name="f2" id="f2"><br>
            <input type="submit" name="submit" value="Submit">
        </form>
    </body>
</html>

谢谢

4

2 回答 2

0

最简单的方法是使用 jQuery uploadify 插件,它包含 swfobject 并显示文件上传进度条。这是上传多个文件的好方法。

jQuery 上传插件:

http://www.uploadify.com/

如果您想以自己的方式进行操作,则需要服务器端兼容性,一些可以处理上传进度的 nginx 或 apache2 模块。并且您的客户端应该在所有上传过程中向服务器发出请求以获取有关它的所有信息。

于 2013-05-14T09:35:18.637 回答
0

您可以使用 jQuery 表单插件来实现这一点。只需将 jQuery Form 插件添加到您的页面头部部分。您可以使用以下代码。

$(function() {
 $(document).ready(function(){
 var percent = $('#percent');
 var status = $('#status');
 $('form').ajaxForm({
 beforeSend: function() {
 status.empty();
 var percentVal = '0%';
 percent.html(percentVal);
 },
 uploadProgress: function(event, position, total, percentComplete) {
 var percentVal = percentComplete + '%';
 percent.html(percentVal);
 },
 complete: function(xhr) {
 status.html(xhr.responseText);
}
 });
});
});

我从这个文件上传进度条教程中得到它。它工作得非常好。

于 2016-02-14T16:45:22.620 回答