$("#add_link").click(function(){
var link_html = "
"
"
"" +
"
"
"
"" +
"
"
"
"" +
"
"
"
"" +
"
"
"
"" +
"
"
"
"上传视频" +
"
"
"
"
"选择多文件" +
"
"
"" +
"
文件名" +"
大小" +"
状态" +"
操作" +"
" +"
" +"
" +"
"开始上传" +
"
"
"
"
$(".linkAll").append(link_html);
});
// 上传
layui.use('upload', function(){
var $ = layui.jquery;
var upload = layui.upload;
//执行实例
upload.render({
elem: '.videos' //绑定元素
,url: '/upload/' //上传接口
,accept: 'video'
,done: function(res){
//上传完毕回调
}
,error: function(){
//请求异常回调
}
});
upload.render({
elem: '.texts' //绑定元素
,url: '/upload/' //上传接口
,done: function(res){
//上传完毕回调
}
,error: function(){
//请求异常回调
}
});
var demoListView = $('#demoList');
var uploadListIns = upload.render({
elem: '#testList'
,url: '${linkPrefix}/onlineClass/video' //上传接口
,accept: 'file'
,multiple: true
,auto: false
,bindAction: '#testListAction'
,choose: function(obj){
var files = obj.pushFile(); //将每次选择的文件追加到文件队列
//读取本地文件
obj.preview(function(index, file, result){
var tr = $(['
','
'+ file.name +'','
'+ (file.size/1014).toFixed(1) +'kb','
等待上传','
','重传'
,'删除'
,'
','
'].join(''));//单个重传
tr.find('.demo-reload').on('click', function(){
obj.upload(index, file);
});
//删除
tr.find('.demo-delete').on('click', function(){
delete files[index]; //删除对应的文件
tr.remove();
});
demoListView.append(tr);
});
}
,done: function(res, index, upload){
if(res.code == 0){ //上传成功
var tr = demoListView.find('tr#upload-'+ index)
,tds = tr.children();
tds.eq(2).html('上传成功');
tds.eq(3).html(''); //清空操作
delete files[index]; //删除文件队列已经上传成功的文件
return;
}
this.error(index, upload);
}
,error: function(index, upload){
var tr = demoListView.find('tr#upload-'+ index)
,tds = tr.children();
tds.eq(2).html('上传失败');
tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传
}
});
});