龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > php编程 >

文件上传 php上传文件并显示上传进度

时间:2014-06-09 11:25来源:网络整理 作者:网络 点击:
分享到:
php上传文件并显示上传进度 [代码片段(48行)]
<?php

$prefix = ini_get('session.upload_progress.prefix');
$name   = ini_get('session.upload_progress.name');
$key    = $prefix . $name;
session_start();

if (isset($_POST['get_info'])) {
    $logo = $prefix . $_POST['logo'];
    exit(json_encode($_SESSION[$logo]));
} elseif ($_POST) {
    echo '<script>var finashed = true;</script>';
}

?>

<div id="show_info_div"></div>
<form action="index.php" method="POST" enctype="multipart/form-data">
    <input type="hidden" name="<?php echo $name; ?>" value="test">
    <input type="file" name="file"><br>
    <input type="submit" value="提交">
    <input type="button" value="获取信息" onclick="getUploadInfo()">
</form>

<script src="jquery.js"></script>
<script>
var sto = null;
var progress = null;
function getUploadInfo()
{
    $.post("index.php", {"get_info": 1, "logo": "test"}, function(data)
    {
        data = eval("(" + data + ")");

        progress = parseInt(parseInt(data.bytes_processed) * 10000 / parseInt(data.content_length)) / 100 + "%";
        document.getElementById("show_info_div").innerHTML = progress;
        sto = setTimeout("getUploadInfo()", 1000);
    });
}

if (typeof(finashed) !== "undefined")
{
    document.getElementById("show_info_div").innerHTML = "100.00% (上传成功!)";
}
</script>

收藏文章
表情删除后不可恢复,是否删除
取消
确定
图片正在上传,请稍后...
评论内容为空!
还没有评论,快来抢沙发吧!

热评话题

按钮 内容不能为空!
立刻说两句吧! 查看0条评论
精彩图集

赞助商链接