Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用进度条或百分比数上载php文件_Php_Html - Fatal编程技术网

使用进度条或百分比数上载php文件

使用进度条或百分比数上载php文件,php,html,Php,Html,我想用一个文件上传进度。有人能给出可能的简单代码吗 用于显示上载进度条。在下一个代码中。 有一个文件接收file upload.php <?php if ($_FILES) { foreach ($_FILES as $k => $v) { if ($v["error"] > 0) { echo "Error: " . $_FILES["file"]["error"] . "<br>"; } else

我想用一个文件上传进度。有人能给出可能的简单代码吗 用于显示上载进度条。在下一个代码中。 有一个文件接收file 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>

上传
文件名:

文件名:

谢谢

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

jQuery uploadify插件:


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

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

$(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);
}
 });
});
});

我从这个教程中得到了它。而且它工作得非常好

你正在使用哪个php版本?也许你可以在javascript端处理它。。。看见