首页 > Web开发 > 详细

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

时间:2019-05-23 10:53:46      阅读:165      评论:0      收藏:0      [点我收藏+]

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

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

前台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();

效果

技术分享图片


技术分享图片

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

原文:https://www.cnblogs.com/mengzhilva/p/10910526.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!