html代码
<div class="layui-upload" style="width: 100%">
<button type="button" class="layui-btn layui-btn-normal" id="testList">选择多文件</button>
<div class="layui-upload-list">
<table class="layui-table">
<thead>
<tr><th>文件名</th>
<th>大小</th>
<th>状态</th>
<th>操作</th>
</tr></thead>
<tbody id="demoList"></tbody>
</table>
</div>
<input type="hidden" value="" name="id" id="id">
<button type="button" class="layui-btn site-demo-active" id="testListAction" data-type="loading">开始上传</button>
</div>
引入layui文件,jQuery代码
layui.use('upload', function() {
var upload = layui.upload,layer = layui.layer;
//多文件列表示例
var demoListView = $('#demoList')
, uploadListIns = upload.render({
elem: '#testList'
, url: "{:url('addAndroidEdition')}" //改成您自己的上传接口
, accept: 'file'
, multiple: true
, auto: false
, bindAction: '#testListAction'
, choose: function (obj) {
var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
//读取本地文件
obj.preview(function (index, file, result) {
var tr = $(['<tr id="upload-' + index + '">'
, '<td>' + file.name + '</td>'
, '<td>' + (file.size / 1024).toFixed(1) + 'kb</td>'
, '<td>等待上传</td>'
, '<td>'
, '<button class="layui-btn layui-btn-xs demo-reload layui-hide">重传</button>'
, '<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>'
, '</td>'
, '</tr>'].join(''));
//单个重传
tr.find('.demo-reload').on('click', function () {
obj.upload(index, file);
});
//删除
tr.find('.demo-delete').on('click', function () {
delete files[index]; //删除对应的文件
tr.remove();
uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值,以免删除后出现同名文件不可选
});
demoListView.append(tr);
});
}
, done: function (res, index, upload) {
if (res.success == '1') { //上传成功
var tr = demoListView.find('tr#upload-' + index)
, tds = tr.children();
tds.eq(2).html('<span style="color: #5FB878;">上传成功</span>');
tds.eq(3).html('<span style="color: #5FB878;">完成</span>');
var id = $('#id').val();
$('#id').val(id+','+res.data);
return delete this.files[index]; //删除文件队列已经上传成功的文件
}
this.error(index, upload);
}
, error: function (index, upload) {
var tr = demoListView.find('tr#upload-' + index)
, tds = tr.children();
tds.eq(2).html('<span style="color: #FF5722;">上传失败</span>');
tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传
}
});
})
PHP代码
public function addAndroidEdition(){
$files = request()->file('file');
$file_name = $_FILES['file']['name'];
$arr = explode('&',$file_name);
$edition = $arr[1]; //当前版本号
$number = $arr[2]; //当前版本号
$market = explode('.',$arr[3]);
$market = $market[0]; //当前应用市场类别
$original = $_FILES['file']['tmp_name'];
$md5 = md5_file($original); //获取文件的md5值
$dir = ROOT_PATH . 'public' . DS . 'edition';
$info = $files->validate(['ext' => 'apk'])->move($dir);
if ($info) {
$filePath = date('Ymd') . '/' . $info->getFilename();
}
$data['edition'] = $edition; //版本号
$data['number'] = $number; //版本号的唯一标识
$data['md5'] = $md5; //apk文件的MD5值 下载的时候做对比
$data['url'] = $filePath; //apk下载地址
$data['channel'] = $market; //下载渠道
$data['regist_type'] = '2'; //终端类型
$data['createtime'] = time();
$data['estate'] = 0;
if(model('edition')->insert($data)){
$id = model('edition')->getLastInsID();
return $this->echoJsonSucc($id,'上传成功');
}
$this->echoJsonErr('','上传失败');
}
数据库表设计
CREATE TABLE `yl_edition` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`isuse` int(11) NOT NULL DEFAULT '1',
`estate` int(4) NOT NULL DEFAULT '1',
`edition` varchar(255) NOT NULL DEFAULT '' COMMENT '版本号',
`number` int(11) NOT NULL DEFAULT '0' COMMENT '数字',
`max` int(11) NOT NULL DEFAULT '0' COMMENT '最大范围',
`content` varchar(512) NOT NULL DEFAULT '',
`url` varchar(512) NOT NULL DEFAULT '' COMMENT '新版本下载地址',
`adminid` int(11) NOT NULL DEFAULT '0',
`createtime` int(11) NOT NULL DEFAULT '0',
`regist_type` int(11) NOT NULL DEFAULT '0' COMMENT '终端(1-PC,2-Android,3-IOS),',
`md5` varchar(255) NOT NULL DEFAULT '',
`channel` varchar(255) NOT NULL DEFAULT '' COMMENT '应用市场类别 安卓专用',
PRIMARY KEY (`id`)
) ENGINE=MyISAM AUTO_INCREMENT=93 DEFAULT CHARSET=utf8mb4 COMMENT='版本表';