本文介紹JQuery和PHP結合實作動態進度條上傳顯示功能,本文分步驟跟大家介紹的非常詳細,有興趣的朋友一起看看吧
##Windows環境下的修改方法
第一步:修改在php5下POST檔案大小的限制
1.編修php.ini找到:max_execution_time = 30 ,這個是每個腳本運行的最長時間,單位秒,改為:max_execution_time = 150找到:max_input_time = 60,這是每個腳本可以消耗的時間,單位也是秒,修改為:max_input_time = 300找到:memory_limit = 128M,這個是腳本運行最大消耗的內存,根據你的需求更改數值,這裡修改為:memory_limit = 256M找到:post_max_size = 8M,表單提交最大資料為8M,此項目不是限制上傳單一檔案的大小,而是針對整個表單的提交資料進行限制的。限制範圍包含表單提交的所有內容.例如:發表貼子時,貼子標題,內容,附件等…這裡修改為:post_max_size = 20M找到:upload_max_filesize = 2M ,上載檔案的最大授權大小,修改為: upload_max_filesize = 10M (這裡的大小根據需求來定)第二步: Apache環境中的檔案上傳大小控制
#修改位於Apahce目錄下的httpd.conf加入下面內容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"> <p class="inpuys"> <input type="file" name="file" id="uploadfile" value="选择文件" class="cho"> <input type="submit" value="上传" id="submit_btn" class="sub btn btn-info"> </p> </form>
<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>
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實作動態進度條的上傳顯示的詳細內容。更多資訊請關注PHP中文網其他相關文章!