php本身是不具備可以帶有實(shí)時(shí)上傳進(jìn)度條功能了,如果想有這種功能我們一般會(huì)使用ajax來實(shí)現(xiàn),但是php提供了一個(gè)apc,他就可以與php配置實(shí)現(xiàn)上傳進(jìn)度條.
主要針對(duì)的是window上的應(yīng)用.
1.服務(wù)器要支持apc擴(kuò)展,沒有此擴(kuò)展的話,百度一下php_apc.dll,下載一個(gè)擴(kuò)展擴(kuò)展要求php.5.2以上.
2.配置apc相關(guān)配置,重啟apache,代碼如下:
extension=php_apc.dll
apc.rfc1867 = on
apc.max_file_size = 1000M
upload_max_filesize = 1000M
post_max_size = 1000M
說明一下:至于參數(shù)要配多大,得看項(xiàng)目需要apc.max_file_size,設(shè)置apc所支持上傳文件的大小,要求apc.max_file_size <=upload_max_filesize 并且apc.max_file_size <=post_max_size.重新啟動(dòng)apache即可實(shí)現(xiàn)apc的支持.
3.在代碼里面利用phpinfo();查看apc擴(kuò)展安裝了沒有.
4.下面是實(shí)現(xiàn)代碼,getprogress.php,代碼如下:
- <?php
- session_start();
- if(isset($_GET['progress_key'])) {
- $status = apc_fetch('upload_'.$_GET['progress_key']);
- echo ($status['current']/$status['total'])*100;
- }
- ?>
upload.php,PHP Code:
- <?php
- $id = $_GET['id'];
- ?>
- <form enctype="multipart/form-data" id="upload_form" action="target.php" method="POST">
- <input type="hidden" name="APC_UPLOAD_PROGRESS"
- id="progress_key" value="<?php echo $id?>"/>
- <input type="file" id="test_file" name="test_file"/><br/>
- <input onclick="window.parent.startProgress(); return true;"
- type="submit" value="上傳"/>
- </form>
target.php,代碼如下:
- <?php
- set_time_limit(600);
- if($_SERVER['REQUEST_METHOD']=='POST') {
- move_uploaded_file($_FILES["test_file"]["tmp_name"],
- dirname($_SERVER['SCRIPT_FILENAME'])."/UploadTemp/" . $_FILES["test_file"]["name"]);//UploadTemp文件夾位于此腳本相同目錄下
- echo "<p>上傳成功</p>";
- }
- ?>
index.php,代碼如下:
- <?php
- $id = md5(uniqid(rand(), true));
- ?>
- <html>
- <head><title>上傳進(jìn)度</title></head>
- <body>
- <script src="js/jquery-1.4.4.min.js" language="javascript"></script>
- <script language="javascript">
- var proNum=0;
- var loop=0;
- var progressResult;
- function sendURL() {
- $.ajax({
- type : 'GET',
- url : "getprogress.php?progress_key=<?php echo $id;?>",
- async : true,
- cache : false,
- dataType : 'json',
- data: "progress_key=<?php echo $id;?>",
- success : function(e) {
- progressResult = e;
- proNum=parseInt(progressResult);
- document.getElementById("progressinner").style.width = proNum+"%";
- document.getElementById("showNum").innerHTML = proNum+"%";
- if ( proNum < 100){
- setTimeout("getProgress()", 100);
- }
- }
- });
- }
- function getProgress(){
- loop++;
- sendURL();
- }
- var interval;
- function startProgress(){
- document.getElementById("progressouter").style.display="block";
- setTimeout("getProgress()", 100);
- }
- </script>
- <iframe id="theframe" name="theframe"
- src="upload.php?id=<?php echo $id; ?>"
- style="border: none; height: 100px; width: 400px;" >
- </iframe>
- <br/><br/>
- <div id="progressouter" style="width: 500px; height: 20px; border: 6px solid red; display:none;">
- <div id="progressinner" style="position: relative; height: 20px; background-color: purple; width: 0%; "></div>
- </div>//開源代碼Vevb.com
- <div id='showNum'></div><br>
- <div id='showNum2'></div>
- </body>
- </html>
新聞熱點(diǎn)
疑難解答