JQuery和PHP結(jié)合實(shí)現(xiàn)動(dòng)態(tài)進(jìn)度條上傳顯示
Windows 環(huán)境下的修改方法
第一步:修改在php5下POST文件大小的限制
1.編修php.ini
找到:max_execution_time = 30 ,這個(gè)是每個(gè)腳本運(yùn)行的最長(zhǎng)時(shí)間,單位秒,改為:max_execution_time = 150
找到:max_input_time = 60,這是每個(gè)腳本可以消耗的時(shí)間,單位也是秒,修改為:
max_input_time = 300
找到:memory_limit = 128M,這個(gè)是腳本運(yùn)行最大消耗的內(nèi)存,根據(jù)你的需求更改數(shù)值,這里修改為:memory_limit = 256M
找到:post_max_size = 8M,表單提交最大數(shù)據(jù)為 8M,此項(xiàng)不是限制上傳單個(gè)文件的大小,而是針對(duì)整個(gè)表單的提交數(shù)據(jù)進(jìn)行限制的。限制范圍包括表單提交的所有內(nèi)容.例如:發(fā)表貼子時(shí),貼子標(biāo)題,內(nèi)容,附件等…這里修改為:post_max_size = 20M
找到:upload_max_filesize = 2M ,上載文件的最大許可大小 ,修改為: upload_max_filesize = 10M (這里的大小根據(jù)需求來(lái)定)
第二步: Apache環(huán)境中的檔案上傳大小控制
修改位于Apahce目錄下的httpd.conf
添加下面內(nèi)容
LimitRequestBody 10485760
即10M=10*1024*1024,有的文章中提到應(yīng)改為 600000000
重新啟動(dòng)apache,就可以在設(shè)置里看到你要的大小
HTML部分
<form action="index/index/upload" method="POST" enctype="multipart/from-data" id="uploadform" onSubmit="return false"> <div class="inpuys"> <input type="file" name="file" id="uploadfile" value="選擇文件" class="cho"> <input type="submit" value="上傳" id="submit_btn" class="sub btn btn-info"> </div> </form>
JS部分
<script type="text/javascript" src="{$Think.config.web_root}js/jquery.min.js"></script> <script type="text/javascript" src="{$Think.config.web_root}js/jquery.form.js"></script> <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ var progressbox=$("#progressbox"); var progressbar=$("#progressbar"); var progress=$("#progress"); var completed="0%"; var options={ beforeSubmit:beforeSubmit, uploadProgress:OnProgress, success:afterSuccess, resetForm:true }; $("#uploadform").submit(function(){ $(this).ajaxSubmit(options); return false; }); function OnProgress(event,position,total,percentComplete ) { progressbar.width(percentComplete + "%"); progress.html(percentComplete + "%"); } function afterSuccess(){ $("#output").html("上傳完成!!"); } function beforeSubmit(){ if (!$("#uploadfile").val()) { $("#output").html("請(qǐng)選擇文件!!"); return false; } progressbar.width(completed); progress.html(completed); } }); </script>
THINKPHP方法部分
public function upload(){ // 獲取表單上傳文件 例如上傳了001.jpg $file = request()->file('file'); // 移動(dòng)到框架應(yīng)用根目錄/public/uploads/ 目錄下 $info = $file->move(ROOT_PATH . 'public' . DS . 'uploads'); if($info){ return "上傳成功"; }else{ // 上傳失敗獲取錯(cuò)誤信息 echo $file->getError(); } }
以上所述是小編給大家介紹的JQuery和PHP結(jié)合實(shí)現(xiàn)動(dòng)態(tài)進(jìn)度條上傳顯示,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- PHP + plupload.js實(shí)現(xiàn)多圖上傳并顯示進(jìn)度條加刪除實(shí)例代碼
- PHP中使用Session配合Javascript實(shí)現(xiàn)文件上傳進(jìn)度條功能
- php 進(jìn)度條實(shí)現(xiàn)代碼
- PHP+FLASH實(shí)現(xiàn)上傳文件進(jìn)度條相關(guān)文件 下載
- PHP實(shí)現(xiàn)的進(jìn)度條效果詳解
- php實(shí)現(xiàn)簡(jiǎn)單的上傳進(jìn)度條
- PHP+Ajax異步帶進(jìn)度條上傳文件實(shí)例
- php ajax實(shí)現(xiàn)文件上傳進(jìn)度條
- PHP+Ajax無(wú)刷新帶進(jìn)度條圖片上傳示例
- php+ajax實(shí)現(xiàn)帶進(jìn)度條的上傳圖片功能【附demo源碼下載】
- PHP利用APC模塊實(shí)現(xiàn)文件上傳進(jìn)度條的方法
- php+javascript實(shí)現(xiàn)的動(dòng)態(tài)顯示服務(wù)器運(yùn)行程序進(jìn)度條功能示例
相關(guān)文章
jquery操作select常見(jiàn)方法大全【7種情況】
這篇文章主要介紹了jquery操作select常見(jiàn)方法,結(jié)合實(shí)例形式總結(jié)分析了jQuery操作select常見(jiàn)的7種情況與相關(guān)操作技巧,需要的朋友可以參考下2019-05-05jQuery實(shí)現(xiàn)判斷上傳圖片類型和大小的方法示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)判斷上傳圖片類型和大小的方法,結(jié)合實(shí)例形式分析了jQuery針對(duì)上傳圖片屬性獲取、判定相關(guān)操作技巧,需要的朋友可以參考下2018-04-04學(xué)習(xí)從實(shí)踐開(kāi)始之jQuery插件開(kāi)發(fā) 菜單插件開(kāi)發(fā)
從軟件到網(wǎng)站,菜單可以說(shuō)是無(wú)處不在。在傳統(tǒng)應(yīng)用軟件開(kāi)發(fā)中,一般都有現(xiàn)成的控件可以使用;但是在網(wǎng)頁(yè)開(kāi)發(fā)時(shí),基本上要靠開(kāi)發(fā)人員自己動(dòng)手設(shè)計(jì)2012-05-05jquery 實(shí)現(xiàn)回車登錄詳解及實(shí)例代碼
這篇文章主要介紹了jquery 實(shí)現(xiàn)回車登錄詳解的相關(guān)資料,整理了幾種方法及簡(jiǎn)單實(shí)現(xiàn)實(shí)例,需要的朋友可以參考下2016-10-10Jquery知識(shí)點(diǎn)二 jquery下對(duì)數(shù)組的操作
眾所周知,Jquery是對(duì)JavaScript的一種高效的封裝,所以Jquery要操作的數(shù)組即是JavaScript中的數(shù)組,在JavaScript中我們使用for以及for-in進(jìn)行數(shù)組的操作,而在Jquery中則使用$.map()、$.each()來(lái)操作數(shù)組2011-01-01jquery+php隨機(jī)生成紅包金額數(shù)量代碼分享
這篇文章主要介紹了jquery+php隨機(jī)生成紅包金額數(shù)量實(shí)現(xiàn)代碼,紅包數(shù)量與金錢可以自己設(shè)定,很實(shí)用的代碼,推薦給大家,有需要的小伙伴可以參考下。2015-08-08JQuery與Ajax調(diào)用新浪API獲取短網(wǎng)址的代碼
這篇文章主要介紹了調(diào)用新浪API獲取短網(wǎng)址的方法有很多,本例為大家介紹下使用JQuery與Ajax來(lái)實(shí)現(xiàn),需要的朋友可以參考下2014-02-02jQuery EasyUI API 中文文檔 - Calendar日歷使用
jQuery EasyUI API 中文文檔 - Calendar日歷使用,需要的朋友可以參考下。2011-10-10