php文件上传进度条例子

时间：2022-12-18 10:00:23
<?php session_start(); ?>

<!DOCTYPE html>

<html lang="zh-CN">

<head>

    <meta charset="utf-8">

    <title>Demo : PHP(5.4) Upload Progress via Session</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta name="keywords" content="" />

    <meta name="description" content="" />

    <meta name="author" content="">

    <meta name="robots" content="INDEX,FOLLOW" />

    <link rel="shortcut icon" href="/favicon.ico">

    <link href="../assets/css/bootstrap.min.css" rel="stylesheet">

    <link href="../assets/css/pureweber.css" rel="stylesheet">

<style type="text/css">

.progress{

    width:100%;

    border:1px solid #4da8fe;

    border-radius:40px;

    height:20px;

    position:relative;

}

.progress .label{

    position:relative;

    text-align:center;

}

.progress .bar{

    position:absolute;

    left:0;top:0;

    background:#4D90FE;

    height:20px;

    border-radius:40px;

    min-width:20px;

}

</style>

</head>

<body>

    <div id="nav" class="container">

        <div class="inner">

            <a href="/" class="logo">PureWeber</a>

        <ul>

            <li><a id="to-top" href="#nav">&laquo; 回到文章</a></li>

        </ul>

        </div>

    </div>

    <div id="wrap" class="container">

<div id="header">

    <h1>Demo : PHP(5.4) Upload Progress via Session</h1>

</div>

<div id="article">

<form id="upload-form" action="upload.php" method="POST" enctype="multipart/form-data" style="margin:15px 0" target="hidden_iframe">

    <input type="hidden" name="<?php echo ini_get("session.upload_progress.name"); ?>" value="test" />

    <p><input type="file" name="file1" /></p>

    <p><input type="submit" value="Upload" /></p>

</form>

<div id="progress" class="progress" style="margin-bottom:15px;display:none;">

    <div class="bar" style="width:0%;"></div>

    <div class="label">0%</div>

</div>

</div> <!-- #article -->

    <div id="footer">

        <p>Copyright &copy; 2012 PureWeber.com</p>

    </div>

</div><!-- #wrap -->

<iframe id="hidden_iframe" name="hidden_iframe" src="about:blank" style="display:none;"></iframe>

<script src="../../../jquery-1.11.2.min.js"></script>

<script type="text/javascript">

function fetch_progress(){

    $.get('progress.php',{ '<?php echo ini_get("session.upload_progress.name"); ?>' : 'test'}, function(data){

        var progress = parseInt(data);

        $('#progress .label').html(progress + '%');

        $('#progress .bar').css('width', progress + '%');

        if(progress < 100){

            setTimeout('fetch_progress()', 1000);

        }else{

            $('#progress .label').html('完成!');

        }

    }, 'html');

}

$('#upload-form').submit(function(){

    $('#progress').show();

    setTimeout('fetch_progress()', 1000);

});

</script>

</body>

</html>
<?php

session_start();

$i = ini_get('session.upload_progress.name');

$key = ini_get("session.upload_progress.prefix") . $_GET[$i];

if (!empty($_SESSION[$key])) {

    $current = $_SESSION[$key]["bytes_processed"];

    $total = $_SESSION[$key]["content_length"];

    echo $current < $total ? ceil($current / $total * 100) : 100;

}else{

    echo 100;

}

?>
<?php

if(is_uploaded_file($_FILES['file1']['tmp_name'])){

    //unlink($_FILES['file1']['tmp_name']);

    move_uploaded_file($_FILES['file1']['tmp_name'], "./{$_FILES['file1']['name']}");

}

?>

php文件上传进度条例子的更多相关文章

  1. HTML5矢量实现文件上传进度条

    在HTML中,在文件上传的过程中,很多情况都是没有任何的提示,这在体验上很不好,用户都不知道到时有没有在上传.上传成功了没有,所以今天给大家介绍的内容是通过HT for Web矢量来实现HTML5文件 ...

  2. 基于HT for Web矢量实现HTML5文件上传进度条

    在HTML中,在文件上传的过程中,很多情况都是没有任何的提示,这在体验上很不好,用户都不知道到时有没有在上传.上传成功了没有,所以今天给大家介绍的内容是通过HT for Web矢量来实现HTML5文件 ...

  3. PHP中使用Session配合Javascript实现文件上传进度条功能

    Web应用中常需要提供文件上传的功能.典型的场景包括用户头像上传.相册图片上传等.当需要上传的文件比较大的时候,提供一个显示上传进度的进度条就很有必要了. 在PHP .4以前,实现这样的进度条并不容易 ...

  4. iOS&lowbar;文件上传进度条的实现思路-AFNettworking

    iOS_文件上传进度条的实现思路-AFNettworking //要上传的文件名,在这里我使用当前日期做为文件的名称 NSString * fileName =[NSString stringWith ...

  5. asp&period;net文件上传进度条研究

    文章:asp.net 文件上传进度条实现代码

  6. Layui多文件上传进度条

    Layui原生upload模块不支持文件上传进度条显示,百度,谷歌找了一下不太适用.后面找到一个别人修改好的JS,替换上去,修改一下页面显示即可使用,一下是部分代码 HTML: <div cla ...

  7. spring定时任务-文件上传进度条

    spring定时任务 导依赖 <!-- https://mvnrepository.com/artifact/org.quartz-scheduler/quartz --> <dep ...

  8. 利用Bootstrap简单实现一个文件上传进度条

    © 版权声明:本文为博主原创文章,转载请注明出处 说明: 1. 使用commons-fileupload.jar实现文件上传及进度监听 2. 使用bootstrap的进度条进行页面显示 3. 因为进度 ...

  9. vue多文件上传进度条 进度不更新问题

    转自 hhttp://www.cnblogs.com/muge10/p/6767493.html 感谢这位兄弟的文章,之前因为这个问题 ,我连续在sgmentflow上提问过多次,完全没人能回答.谢谢 ...

随机推荐

  1. wsdl学习

    本文来自 :迹忆 原文地址:http://www.onmpw.com/tm/xwzj/network_47.html 在刚开始学习Webservice的时候,发现里面涉及到的知识点还真不少,每一点单拿 ...

  2. Appium&plus;Robotframework实现Android应用的自动化测试-4：AppiumLibrary介绍和安装

    Appium是个好东东,Android,iOS都支持,并且居然RobotFramework也支持Appium了,这就是本文要介绍的AppiumLibrary. 通过前面的文章大家知道可以使用多种语言来 ...

  3. 十四、Java基础---------String、StringBuffer、StringBuilder基本应用

    在前面的博客中曾提及Java的数据类型分为基本数据类型,和引用数据类型,而String便是最常见的应用数据类型,本文将着重介绍这一引用数据类型的用法. String 字符串     String类是对 ...

  4. tomcat切割日志的shell脚本

    #!/bin/bash cd /usr/tomcats/ d=`date +%F` m1=`date -d'1 month ago' +%F` ` do cd tomcat808"$i&qu ...

  5. WCF和Web Service的 区（guan）别（xi）

    参考文献:http://social.microsoft.com/Forums/zh-CN/c06420d1-69ba-4aa6-abe5-242e3213b68f/wcf-webservice 之前 ...

  6. 总结一下ERP &period;NET程序员必须掌握的&period;NET技术

    总结一下ERP .NET程序员必须掌握的.NET技术,掌握了这些技术工作起来才得心应手   从毕业做.NET到现在,有好几年了,自认为只能是达到熟练的水平,谈不上精通.所以,总结一下,自己到底熟练掌握 ...

  7. Dom4J对XML的创建、修改、删除等操作

    Dom4j也可以很方便完成XML文档的创建.元素的修改.文档的查询遍历等,但dom4j稍比jdom复杂一点,不过在大片文档的情况下dom4j的性能要不jdom好. # 准备 首先,提供相关的jar包 ...

  8. 【模拟】Codeforces 707A Brain&&num;39&semi;s Photos

    题目链接: http://codeforces.com/problemset/problem/707/A 题目大意: 给一张N*M的图,只有六种颜色(如下),只含B,W,G的是黑白图,否则是彩色图.问 ...

  9. Git命令以及常见注意事项

    命令: git init -> 初始化一个git仓库 git clone -> 克隆一个本地库 git pull -> 拉取服务器最新代码 git fetch –p -> 强行 ...

  10. org&period;springframework&period;web&period;method&period;HandlerMethod 与 org&period;springframework&period;messaging&period;handler&period;HandlerMethod 转换失败

    Springmvc hander.getclassclass org.springframework.web.method.HandlerMethod HandlerMethod.classclass ...

相关文章