mengzhilva

大文件、多文件分片上传插件

支持多文件上传,显示进度条,大文件分片上传,文件下载,打包下载等功能。

前台jquery+css

后台php

文件放在github上,有兴趣的可以看看。

下载地址:https://github.com/mengzhilva/bigupload

文件说明

test.html 示例页面

bigupload.php 上传类库

upload_act.php 示例控制器文件

使用方法

文件引入

<script type="text/javascript" src="bigupload.js"></script>

前台js

var bigUpload = new bigUpload();

$(".fujianBtn").click(function(){ //点击附件的时候初始化

var files = $(this).attr(\'files\'); //已经上传文件 格式 [{"id":2,"filename":"1.jpg","showfilename":"1.jpg","filesize":"0.14","path":"//uploads/tmp//f258da8fdfb280e2bf8ff620949f898a.jpg"}]

if(typeof(files)!=\'undefined\')

files = JSON.parse(files)

bigUpload.config({\'number\':\'5\',\'readonly\':\'0\',"files":files,\'allzipname\':"全部下载"})

bigUpload.finish = function(){ //上传完成点击确定的回调函数

}

})

后台php

//实例化并获取系统变量传参

	$hz = pathinfo($_POST[\'file_name\'],PATHINFO_EXTENSION);
	
	$file_putname = $this->request->attr[\'file_putname\'];
	
	$putfilename = md5($_POST[\'file_name\'].time().rand(11111,99999)).\'.\'.$hz;
	
	if($file_putname){
	
		$putfilename = $file_putname;
		
	}
	
	$upload = new bigupload($_FILES[\'file\'][\'tmp_name\'],$_POST[\'blob_num\'],$_POST[\'total_blob_num\'],$putfilename,$_POST[\'file_name\']);
	
	//调用方法,返回结果
	
	$upload->apiReturn();

效果



分类:

技术点:

相关文章: