$("#add_link").click(function(){
var link_html = "<div class=\"linkAll_inn\">" +
"<div class=\"activity_theme\">" +
"<div class=\"activity_theme_text \"><span class=\"xing\">*</span>主講人</div>" +
"<input type=\"text\" placeholder=\"請輸入主講人\" class=\"activity_theme_input w391 position17\" id=\"speaker\">" +
"</div>" +
"<div class=\"activity_theme \">" +
"<div class=\"activity_theme_text\"><span class=\"xing\">*</span>主講人簡介</div>" +
"<textarea placeholder=\"請輸入內(nèi)容\" class=\"activity_theme_area position-17\" id=\"speakerDesc\"></textarea>" +
"</div>" +
"<div class=\"activity_theme\">" +
"<div class=\"activity_theme_text \"><span class=\"xing\">*</span>來源</div>" +
"<input type=\"text\" placeholder=\"請輸入來源\" class=\"activity_theme_input w391 position34\" id=\"source\">" +
"</div>" +
"<div class=\"activity_theme\">" +
"<div class=\"activity_theme_text\"><span class=\"xing\">*</span>開始時間</div>" +
"<input type=\"text\" placeholder=\"請選擇開始時間\" id=\"demo-2\" class=\"activity_theme_input w191\" id=\"startDate\" value=\"\">" +
"</div>" +
"<div class=\"activity_theme\">" +
"<div class=\"activity_theme_text\"><span class=\"xing\">*</span>結(jié)束時間</div>" +
"<input type=\"text\" placeholder=\"請選擇結(jié)束時間\" id=\"demo-4\" class=\"activity_theme_input w191\" id=\"endDate\">" +
"</div>" +
"<div class=\"activity_theme\">" +
"<div class=\"activity_theme_text\"><span class=\"xing\"></span>上傳視頻</div>" +
"<button class=\"fil_mp4 layui-btn videos\"><i class=\"layui-icon\"></i>上傳視頻</button>" +
"</div>" +
"<div class=\"activity_theme\">" +
"<div class=\"activity_theme_text\"><span class=\"xing\"></span>添加文檔</div>" +
"<div class=\"layui-upload\">" +
"<button type=\"button\" class=\"layui-btn layui-btn-normal fil_mp4\" id=\"testList\">選擇多文件</button>" +
"<div class=\"layui-upload-list\">" +
"<table class=\"layui-table\">" +
"<thead>" +
"<tr><th>文件名</th>" +
"<th>大小</th>" +
"<th>狀態(tài)</th>" +
"<th>操作</th>" +
"</tr></thead>" +
"<tbody id=\"demoList\"></tbody>" +
"</table>" +
"</div>" +
"<button type=\"button\" class=\"layui-btn\" id=\"testListAction\" style=\"background:#1a95f0;color:#fff;\">開始上傳</button>" +
"</div>" +
"</div>" +
"<div class=\"hr_add\"></div>" +
"</div>";
$(".linkAll").append(link_html);
});
// 上傳
layui.use('upload', function(){
var $ = layui.jquery;
var upload = layui.upload;
//執(zhí)行實例
upload.render({
elem: '.videos' //綁定元素
,url: '/upload/' //上傳接口
,accept: 'video'
,done: function(res){
//上傳完畢回調(diào)
}
,error: function(){
//請求異?;卣{(diào)
}
});
upload.render({
elem: '.texts' //綁定元素
,url: '/upload/' //上傳接口
,done: function(res){
//上傳完畢回調(diào)
}
,error: function(){
//請求異常回調(diào)
}
});
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 = $(['<tr id="upload-'+ index +'">'
,'<td>'+ file.name +'</td>'
,'<td>'+ (file.size/1014).toFixed(1) +'kb</td>'
,'<td>等待上傳</td>'
,'<td>'
,'<button class="layui-btn layui-btn-mini demo-reload layui-hide">重傳</button>'
,'<button class="layui-btn layui-btn-mini 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]; //刪除對應(yīng)的文件
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('<span style="color: #5FB878;">上傳成功</span>');
tds.eq(3).html(''); //清空操作
delete files[index]; //刪除文件隊列已經(jīng)上傳成功的文件
return;
}
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'); //顯示重傳
}
});
});
你可以把upload方法用一個function括起來,然后每次拼接完成后調(diào)用,拼接只能用append,直接替換就只有最后一個有效,class不知道反正id是拼接生成的,你試試看,我也剛用,麻煩一大堆,-_-||
function uploadFile(id,number,name){
upload.render({
elem: id
,url: ''
,auto: false //選擇文件后不自動上傳
,multiple: true //多文件上傳
twoInfo+='<div class="goodsImgs czl_slidImg slidImgUpload"><img src="images/404.png" alt="" /><div class="czl_imgShadow"><div class="goodsReplaceImg" id="czl_goodsTableUploads'+data[index].spec_value[i].id+'" >替換</div><div class="goodsDelImg">刪除</div></div>';
twoInfo+='</td>';
twoInfo+='</tr>';
$(".tbody").append(twoInfo);
uploadFile("#czl_goodsTableUpload"+data[index].spec_value[i].id,1,"ddsd");//
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
北大青鳥中博軟件學(xué)院創(chuàng)立于2003年,作為華東區(qū)著名互聯(lián)網(wǎng)學(xué)院和江蘇省首批服務(wù)外包人才培訓(xùn)基地,中博成功培育了近30000名軟件工程師走向高薪崗位,合作企業(yè)超4
中公教育集團創(chuàng)建于1999年,經(jīng)過二十年潛心發(fā)展,已由一家北大畢業(yè)生自主創(chuàng)業(yè)的信息技術(shù)與教育服務(wù)機構(gòu),發(fā)展為教育服務(wù)業(yè)的綜合性企業(yè)集團,成為集合面授教學(xué)培訓(xùn)、網(wǎng)
達內(nèi)教育集團成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負責(zé)iOS教學(xué)及管理工作。
浪潮集團項目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗,技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗。曾經(jīng)歷任德國Software AG 技術(shù)顧問,美國Dachieve 系統(tǒng)架構(gòu)師,美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。