继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

Query和PHP结合实现动态进度条上传显示

holdtom
关注TA
已关注
手记 1885
粉丝 240
获赞 992


第一步:修改在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=1010241024,有的文章中提到应改为 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/<a href="/tags/bootstrap.html" target="_blank" class="infotextkey">bootstrap</a>/3.3.0/js/<a href="/tags/bootstrap.html" target="_blank" class="infotextkey">bootstrap</a>.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();

}美女图片大全

}

©著作权归作者所有:来自51CTO博客作者库昆的原创作品,如需转载,请注明出处,否则将追究法律责任


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP