文档章节

JQuery+PHP 实现动态进度条上传显示

zhiqiangw
 zhiqiangw
发布于 2016/11/22 16:00
字数 537
阅读 427
收藏 0

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">
 <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();
	    }
	}

 

© 著作权归作者所有

共有 人打赏支持
zhiqiangw
粉丝 12
博文 192
码字总数 142634
作品 0
郑州
程序员
私信 提问
jquery+php实现ajax单个上传

HTML部分 <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquery.form.js"></script> <div class="btn"> <span>添加附件</span> <inpu......

魏邪乎
2014/06/05
0
0
《JavaScript实用效果整理》系列分享专栏

整理一些使用的JavaScript效果,在Web开发中遇到的比较好的动态效果,都收藏在这里,对以后的网站开发增加不少的色彩 《JavaScript实用效果整理》已整理成PDF文档,点击可直接下载至本地查阅...

开元中国2015
10/29
0
0
《PHP实用问题解决案例》系列分享专栏

《PHP实用问题解决案例》已整理成PDF文档,点击可直接下载至本地查阅 https://www.webfalse.com/read/201725.html 文章 PHP汉字拼音转换和公历农历转换 PHP实现格式化文件数据大小显示的方法...

开元中国2015
11/05
0
0
计划用php写一个七牛文件上传小工具

功能 输入框中填入:bucket Access Key 和 Secret Key 点击提交后,向七牛服务器认证,若认证通过,则在当前页面动态刷新,刚才的输入框消失。 显示一个上传文件按钮,点击可继续添加文件(最...

itfanr
2014/01/23
0
3
jQuery File Upload 的基本使用

jQuery File Upload 是一个Jquery图片上传组件,支持多文件上传、取消、删除,上传前缩略图预览、列表显示图片大小,支持上传进度条显示;支持各种动态语言开发的服务器端。 一、最少配置 <!...

不正经啊不正经
2015/01/04
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Range Sum Query - Immutable(leetcode303)

Given an integer array nums, find the sum of the elements between indices i and j (i ≤ j), inclusive. Example: Given nums = [-2, 0, 3, -5, 2, -1]sumRange(0, 2) -> 1sumRa......

woshixin
1分钟前
0
0
「阿里面试系列」面试加分项,从jvm层面了解线程的启动和停止

线程的启动的实现原理 线程停止的实现原理分析 为什么中断线程会抛出InterruptedException 线程的启动原理 前面我们简单分析过了线程的使用,通过调用线程的start方法来启动线程,线程启动后...

James-
8分钟前
0
0
转换 bytes 为 kb/mb/gb/tb/pb…

智能转换 bytes 为 kb/mb/gb/tb/pb… 用到了 math 模块中的一些函数 #!/usr/bin/env python# -*- coding: utf-8 -*-"""智能转换 bytes 为 kb/mb/gb/tb/pb..."""import mathdef conv...

郭恩洲_OSC博客
16分钟前
1
0
Mysql导出sql语句的方法及可能遇到的mysqldump: command not found

解决办法: 打开terminal    输入vi ~/.bash_profile    添加如下三行代码:    #mysql  PATH=$PATH:/usr/local/mysql/bin  export    保存并退出...

Liens
16分钟前
0
0
一文读懂,深入浅出 RPC框架

RPC 功能目标 RPC 的主要功能目标是让构建分布式计算(应用)更容易,在提供强大的远程调用能力时不损失本地调用的语义简洁性。为实现该目标,RPC 框架需提供一种透明调用机制让使用者不必显...

别打我会飞
17分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部