JQuery和PHP結(jié)合實現(xiàn)動態(tài)進度條上傳顯示
Windows 環(huán)境下的修改方法
第一步:修改在php5下POST文件大小的限制
1.編修php.ini
找到:max_execution_time = 30 ,這個是每個腳本運行的最長時間,單位秒,改為:max_execution_time = 150
找到:max_input_time = 60,這是每個腳本可以消耗的時間,單位也是秒,修改為:
max_input_time = 300
找到:memory_limit = 128M,這個是腳本運行最大消耗的內(nèi)存,根據(jù)你的需求更改數(shù)值,這里修改為:memory_limit = 256M
找到:post_max_size = 8M,表單提交最大數(shù)據(jù)為 8M,此項不是限制上傳單個文件的大小,而是針對整個表單的提交數(shù)據(jù)進行限制的。限制范圍包括表單提交的所有內(nèi)容.例如:發(fā)表貼子時,貼子標題,內(nèi)容,附件等…這里修改為:post_max_size = 20M
找到:upload_max_filesize = 2M ,上載文件的最大許可大小 ,修改為: upload_max_filesize = 10M (這里的大小根據(jù)需求來定)
第二步: Apache環(huán)境中的檔案上傳大小控制
修改位于Apahce目錄下的httpd.conf
添加下面內(nèi)容
LimitRequestBody 10485760
即10M=10*1024*1024,有的文章中提到應改為 600000000
重新啟動apache,就可以在設置里看到你要的大小
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("請選擇文件!!"); return false; } progressbar.width(completed); progress.html(completed); } }); </script>
THINKPHP方法部分
public function upload(){ // 獲取表單上傳文件 例如上傳了001.jpg $file = request()->file('file'); // 移動到框架應用根目錄/public/uploads/ 目錄下 $info = $file->move(ROOT_PATH . 'public' . DS . 'uploads'); if($info){ return "上傳成功"; }else{ // 上傳失敗獲取錯誤信息 echo $file->getError(); } }
以上所述是小編給大家介紹的JQuery和PHP結(jié)合實現(xiàn)動態(tài)進度條上傳顯示,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
- PHP + plupload.js實現(xiàn)多圖上傳并顯示進度條加刪除實例代碼
- PHP中使用Session配合Javascript實現(xiàn)文件上傳進度條功能
- php 進度條實現(xiàn)代碼
- PHP+FLASH實現(xiàn)上傳文件進度條相關(guān)文件 下載
- PHP實現(xiàn)的進度條效果詳解
- php實現(xiàn)簡單的上傳進度條
- PHP+Ajax異步帶進度條上傳文件實例
- php ajax實現(xiàn)文件上傳進度條
- PHP+Ajax無刷新帶進度條圖片上傳示例
- php+ajax實現(xiàn)帶進度條的上傳圖片功能【附demo源碼下載】
- PHP利用APC模塊實現(xiàn)文件上傳進度條的方法
- php+javascript實現(xiàn)的動態(tài)顯示服務器運行程序進度條功能示例
相關(guān)文章
jQuery實現(xiàn)判斷上傳圖片類型和大小的方法示例
這篇文章主要介紹了jQuery實現(xiàn)判斷上傳圖片類型和大小的方法,結(jié)合實例形式分析了jQuery針對上傳圖片屬性獲取、判定相關(guān)操作技巧,需要的朋友可以參考下2018-04-04學習從實踐開始之jQuery插件開發(fā) 菜單插件開發(fā)
從軟件到網(wǎng)站,菜單可以說是無處不在。在傳統(tǒng)應用軟件開發(fā)中,一般都有現(xiàn)成的控件可以使用;但是在網(wǎng)頁開發(fā)時,基本上要靠開發(fā)人員自己動手設計2012-05-05JQuery與Ajax調(diào)用新浪API獲取短網(wǎng)址的代碼
這篇文章主要介紹了調(diào)用新浪API獲取短網(wǎng)址的方法有很多,本例為大家介紹下使用JQuery與Ajax來實現(xiàn),需要的朋友可以參考下2014-02-02jQuery EasyUI API 中文文檔 - Calendar日歷使用
jQuery EasyUI API 中文文檔 - Calendar日歷使用,需要的朋友可以參考下。2011-10-10