php制作带进度上传文件的思路

本篇文章主要介绍php制作带进度上传文件的思路，感兴趣的朋友参考下，希望对大家有所帮助。

php 大文件带进度的上传，一直是一个令php程序员很苦恼的问题。查询baidu 、Google ，大体做带进度的上传方式为：flash+php，socket，apc+php等，下面我介绍了apc +php+ajax制作的带进度的上传，并贴出源码，希望对大家有用。
Alternative PHP Cache（APC）是 PHP 的一个免费公开的优化代码缓存。它用来提供免费，公开并且强健的架构来缓存和优化 PHP 的中间代码。

在使用apc时候，先必须使用安装apc 模块。
第一步：下载php_apc.dll

第二步：让php.ini支持apc扩展模块。将php_apc.dll放入你的ext目录，然后打开php.ini 加入：
extension=php_apc.dll
apc.rfc1867 = on
apc.max_file_size = 100M
upload_max_filesize = 100M
post_max_size = 100M //以上参数可自己定义

第三步：检查是否支持PHP APC

 if (function_exists('apc_fetch')) { echo 'it surpport apc model!'; } else { echo "it's not support apc model!"; } ?>

下面进入正题：原理：通过APC 模块，用ajas从缓存中读取上传的进度。详见：
index.php

<?php $unid=uniqid("");//确定唯一标致，实现多人同时上传?><p class="userinput2"> <p id="captions">先将你要上传的软件上传服务器，上传时请耐心等候...<span class="style1"><br /> </span> <script type="text/javascript" > var xmlHttp; var proNum=0; var loop=0; //初始化xmlHttp function createxml(){ var xmlHttp; if(window.XMLHttpRequest){ xmlHttp=new XMLHttpRequest(); }else{ xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } return xmlHttp; } xmlHttp=createxml(); //ajas操作 function sendURL() { var url="getprogress.php?progress_key=<?php echo $unid;?>"; xmlHttp.open("GET",url,false); if (window.navigator.userAgent.indexOf("Firefox")>=1){ //如果是firefox3.0 xmlHttp.send("progress_key=<?php echo $unid;?>"); if(xmlHttp.status==200) doHttpReadyStateChange();  }else{ xmlHttp.onreadystatechange = doHttpReadyStateChange; xmlHttp.send("progress_key=<?php echo $unid;?>"); } } //回调函数 function doHttpReadyStateChange() { if (xmlHttp.readyState== 4){ proNum=parseInt(xmlHttp.responseText); //alert(proNum); document.getElementByIdx_x("progressinner").style.width = proNum+"%"; document.getElementByIdx_x("showNum").innerHTML = proNum+"%"; if ( proNum < 100){ setTimeout("sendURL()", 200); }else{ //上传成功后，还不能及时得到信息。还希望高人指点 document.getElementByIdx_x("progressouter").style.display="none"; document.getElementByIdx_x("progressinner").style.display="none"; document.getElementByIdx_x("showNum").style.display="none"; document.getElementByIdx_x("theframe").style.display="none"; document.getElementByIdx_x("link2").style.display="block"; }  } } function startProgress<i>·本2文来源gaodai$ma#com搞$代*码网2</i><strong>搞gaodaima代码</strong>(){ document.getElementByIdx_x("progressouter").style.display="block"; setTimeout("sendURL()", 200); } function newsofturl(text){ document.getElementByIdx_x("link2").style.display="block"; document.getElementByIdx_x("link2").value=text; } </script> <iframe id="theframe" name="theframe" src="softupload.php?id=<?php echo($unid); ?>" style="border: 0; height: 80px; width: 400px; " frameborder="0" scrolling="no" > </iframe> <input name="linkdefult" type="hidden" id="linkdefult" value="0" /> <br /> <p id="link2" style="display:none;" > <font size=2>上传成功!    文件大小为： <input type="text" name="filesize" id="filesize" style="width:50px;"/> </font><br> <br> <font size=2>文件下载地址为：</font><br /> <input type=text name='link' id='link' style='width:380px;' /> </p> <br/> <p id="progressouter" style="width: 500px; height: 20px; border: 1px solid #000000; display:none;"> <p id="progressinner" style="position: relative; height: 20px; background-color: #333333; width: 0%; "></p> </p> <p id='showNum' style="font-size:12px; color:#333333"></p> </p></p>

喜欢 (0)赏

[搞代码]

分享 (0)