function upload(tab,tablist,fileNumLimit=5,data,data1,datakeyname,name,url) { var uploaderImgLogo = WebUploader.create({ // 选完文件后,是否自动上传。 auto: true, // swf文件路径 swf: '__STATIC__/webuploader/Uploader.swf', server: url, // 选择文件的按钮。可选。 // 内部根据当前运行是创建,可能是input元素,也可能是flash. pick: { id:'#'+tab, multiple:true }, // dnd: false, paste: document.body, accept: { title: '图片', extensions: 'png,gif,jpg,jpeg,bmp', mimeTypes: '.png,.gif,.jpg,.jpeg,.bmp', }, // 不压缩image, 默认如果是jpeg,文件上传前会压缩一把再上传! resize: false, disableGlobalDnd: true, fileNumLimit:1, threads:5, thumb:true, compress:false, prepareNextFile: true, formData: function(){return $.extend(true, {}, userInfo);}, chunked:false, duplicate: true }); var imgLogoListData = []; newdata = data.split(',') newdata1 = data1.split(',') console.log(newdata) console.log(newdata1) if(newdata.length > 0 && newdata[0] !=="") { var html = ''; $('#'+tablist).css('margin-top','10px'); /*newdata.forEach(v=>{ console.log(v) imgLogoListData.push(v); html += '<div id="' + v + '" class="item flooring_page_img_box" style="margin-right: 10px;">'; var imgurl = html += '<a href="javascript:;"><img src='+v+ 'style="width: 100px;height: 100px;cursor: move;"></a>'; html += '<h4 class="info" style="text-align: center;">'; html += '<a href="javascript:;" class="jsdelzip table_click" style="float:none;display:inline-block;" img-id="' + v + '">删除</a>'; html += '</h4>'; html += '<div class="progress progress-striped active" style="display: none;">'; html += '<div class="progress-bar" role="progressbar" style="width: 100%;">100%</div>'; html += '</div>'; html += '</div>'; })*/ for(var i=0;i<newdata.length;i++) { var v = newdata[i]; var imgurl = newdata1[i] imgLogoListData.push(v); html += '<div id="' + v + '" class="item flooring_page_img_box" style="margin-right: 10px;">'; html += '<a href="javascript:;"><img src="'+imgurl+'"style="width: 100px;height: 100px;cursor: move;"></a>'; html += '<h4 class="info" style="text-align: center;">'; html += '<a href="javascript:;" class="jsdelzip table_click" style="float:none;display:inline-block;" img-id="' + v + '">删除</a>'; html += '</h4>'; html += '<div class="progress progress-striped active" style="display: none;">'; html += '<div class="progress-bar" role="progressbar" style="width: 100%;">100%</div>'; html += '</div>'; html += '</div>'; } $('#'+tablist).html(html); $('#'+tablist).children().children('h4').children('.jsdelzip').on('click', function() { var thisId = $(this).attr('img-id'); $(this).parent().parent().remove(); $.each(imgLogoListData,function(index, item) { if (thisId == item) { imgLogoListData.splice(index,1); return false; } }); setLogoVal(name); }); } /* <?php if (!empty($config['logo_data'])) :?> var html = ''; $('#logoList').css('margin-top','10px'); <?php foreach ($config['logo_data'] as $value1) {?> <?php $value1 = (int)$value1;?> imgLogoListData.push(<?=$value1?>); html += '<div id="' + <?=$value1?> + '" class="item flooring_page_img_box" style="margin-right: 10px;">'; html += '<a href="javascript:;"><img src="<?=get_cover($value1,"path")?>" style="width: 100px;height: 100px;cursor: move;"></a>'; html += '<h4 class="info" style="text-align: center;">'; html += '<a href="javascript:;" class="jsdelzip table_click" style="float:none;display:inline-block;" img-id="' + <?=$value1?> + '">删除</a>'; html += '</h4>'; html += '<div class="progress progress-striped active" style="display: none;">'; html += '<div class="progress-bar" role="progressbar" style="width: 100%;">100%</div>'; html += '</div>'; html += '</div>'; <?php }?> $('#logoList').html(html); $('#logoList').children().children('h4').children('.jsdelzip').on('click', function() { var thisId = $(this).attr('img-id'); $(this).parent().parent().remove(); $.each(imgLogoListData,function(index, item) { if (thisId == item) { imgLogoListData.splice(index,1); return false; } }); setLogoVal(); }); <?php endif ;?>*/ var thisIndex1 = 0; var imgLogoList = $("#"+tablist); uploaderImgLogo.on( 'fileQueued', function( file ) { var html = ''; html += '<div id="' + file.id + '" class="item" style="margin-right: 10px;">'; html += '<a href="javascript:;"><img src="" style="width: 100px;height: 100px;cursor: move;"></a>'; html += '<h4 class="info">' + file.name + '</h4>'; html += '<p class="state">等待上传...</p>'; html += '</div>'; imgLogoList.append(html); imgLogoList.css('margin-top','10px'); var img = imgLogoList.children('#'+file.id).find('img'); uploaderImgLogo.makeThumb(file, function (error, src) { if (error) { return; } img.attr('src', src); }, 300, 300); }); // 文件上传过程中创建进度条实时显示。 uploaderImgLogo.on( 'uploadProgress', function( file, percentage ) { var $li = $( '#'+file.id ), $percent = $li.find('.progress .progress-bar'); // 避免重复创建 if ( !$percent.length ) { $percent = $('<div class="progress progress-striped active">' + '<div class="progress-bar" role="progressbar" style="width: 0%">' + '</div>' + '</div>').appendTo( $li ).find('.progress-bar'); } $li.find('p.state').text('上传中'); $percent.css( 'width', percentage * 100 + '%' ); $percent.text( (percentage * 100).toFixed(0) + '%' ); }); uploaderImgLogo.on( 'uploadSuccess', function( file , response) { imgLogoListData.push(Number(response.id)); console.log(imgLogoListData) setLogoVal(name); $( '#'+file.id ).find('p.state').text('已上传').fadeOut(800); //alert(JSON.stringify(response)); $('#'+file.id).find('h4.info').append('<a href="javascript:;" class="jsdelzip table_click" style="float:none;display:inline-block;margin-left:10px;">删除</a>'); $('#'+file.id).find('.jsdelzip').on('click',function() { uploaderImgLogo.removeFile( file.id ); $('#'+file.id).remove(); $.each(imgLogoListData,function(index, item) { if (response.id == item) { imgLogoListData.splice(index,1); return false; } }); setLogoVal(name); console.log(imgIconListData); return false; }); }); uploaderImgLogo.on('uploadError', function(file) { $( '#'+file.id ).find('p.state').text('上传出错'); }); uploaderImgLogo.on( 'uploadComplete', function(file) { $( '#'+file.id ).find('.progress').fadeOut(); }); function setLogoVal(keyName) { var logo = ''; $.each(imgLogoListData,function(index, item) { logo += item + ','; }); logo = logo.substring(0, logo.length - 1); console.log(logo) $("input[name='config["+keyName+"]']").val(logo); } } function documentUpload(tab,tablist,fileNumLimit=5,data,data1,datakeyname,name,url) { console.log(data) console.log(data1) var uploaderImgLogo = WebUploader.create({ // 选完文件后,是否自动上传。 auto: true, // swf文件路径 swf: '__STATIC__/webuploader/Uploader.swf', server: url, // 选择文件的按钮。可选。 // 内部根据当前运行是创建,可能是input元素,也可能是flash. pick: { id:'#'+tab, multiple:true }, // dnd: false, paste: document.body, accept: { title: '图片', extensions: 'png,gif,jpg,jpeg,bmp', mimeTypes: '.png,.gif,.jpg,.jpeg,.bmp', }, // 不压缩image, 默认如果是jpeg,文件上传前会压缩一把再上传! resize: false, disableGlobalDnd: true, fileNumLimit:1, threads:5, thumb:true, compress:false, prepareNextFile: true, formData: function(){return $.extend(true, {}, userInfo);}, chunked:false, duplicate: true }); var imgLogoListData = []; newdata = data.split(',') newdata1 = data1.split(',') console.log(newdata) console.log(newdata1) if(newdata.length > 0 && newdata[0] !=="" ) { var html = ''; $('#'+tablist).css('margin-top','10px'); /*newdata.forEach(v=>{ console.log(v) imgLogoListData.push(v); html += '<div id="' + v + '" class="item flooring_page_img_box" style="margin-right: 10px;">'; var imgurl = html += '<a href="javascript:;"><img src='+v+ 'style="width: 100px;height: 100px;cursor: move;"></a>'; html += '<h4 class="info" style="text-align: center;">'; html += '<a href="javascript:;" class="jsdelzip table_click" style="float:none;display:inline-block;" img-id="' + v + '">删除</a>'; html += '</h4>'; html += '<div class="progress progress-striped active" style="display: none;">'; html += '<div class="progress-bar" role="progressbar" style="width: 100%;">100%</div>'; html += '</div>'; html += '</div>'; })*/ for(var i=0;i<newdata.length;i++) { var v = newdata[i]; var imgurl = newdata1[i] imgLogoListData.push(Number(v)); html += '<div id="' + v + '" class="item flooring_page_img_box" style="margin-right: 10px;">'; html += '<a href="javascript:;"><img src="'+imgurl+'"style="width: 100px;height: 100px;cursor: move;"></a>'; html += '<h4 class="info" style="text-align: center;">'; html += '<a href="javascript:;" class="jsdelzip table_click" style="float:none;display:inline-block;" img-id="' + v + '">删除</a>'; html += '</h4>'; html += '<div class="progress progress-striped active" style="display: none;">'; html += '<div class="progress-bar" role="progressbar" style="width: 100%;">100%</div>'; html += '</div>'; html += '</div>'; } $('#'+tablist).html(html); $('#'+tablist).children().children('h4').children('.jsdelzip').on('click', function() { var thisId = $(this).attr('img-id'); $(this).parent().parent().remove(); $.each(imgLogoListData,function(index, item) { if (thisId == item) { imgLogoListData.splice(index,1); return false; } }); setLogoVal(name); }); } var thisIndex1 = 0; var imgLogoList = $("#"+tablist); uploaderImgLogo.on( 'fileQueued', function( file ) { var html = ''; html += '<div id="' + file.id + '" class="item" style="margin-right: 10px;">'; html += '<a href="javascript:;"><img src="" style="width: 100px;height: 100px;cursor: move;"></a>'; html += '<h4 class="info">' + file.name + '</h4>'; html += '<p class="state">等待上传...</p>'; html += '</div>'; imgLogoList.append(html); imgLogoList.css('margin-top','10px'); var img = imgLogoList.children('#'+file.id).find('img'); uploaderImgLogo.makeThumb(file, function (error, src) { if (error) { return; } img.attr('src', src); }, 300, 300); }); // 文件上传过程中创建进度条实时显示。 uploaderImgLogo.on( 'uploadProgress', function( file, percentage ) { var $li = $( '#'+file.id ), $percent = $li.find('.progress .progress-bar'); // 避免重复创建 if ( !$percent.length ) { $percent = $('<div class="progress progress-striped active">' + '<div class="progress-bar" role="progressbar" style="width: 0%">' + '</div>' + '</div>').appendTo( $li ).find('.progress-bar'); } $li.find('p.state').text('上传中'); $percent.css( 'width', percentage * 100 + '%' ); $percent.text( (percentage * 100).toFixed(0) + '%' ); }); uploaderImgLogo.on( 'uploadSuccess', function( file , response) { imgLogoListData.push(Number(response.id)); console.log(imgLogoListData) setLogoVal(name); $( '#'+file.id ).find('p.state').text('已上传').fadeOut(800); //alert(JSON.stringify(response)); $('#'+file.id).find('h4.info').append('<a href="javascript:;" class="jsdelzip table_click" style="float:none;display:inline-block;margin-left:10px;">删除</a>'); $('#'+file.id).find('.jsdelzip').on('click',function() { uploaderImgLogo.removeFile( file.id ); $('#'+file.id).remove(); $.each(imgLogoListData,function(index, item) { if (response.id == item) { imgLogoListData.splice(index,1); return false; } }); setLogoVal(name); console.log(imgIconListData); return false; }); }); uploaderImgLogo.on('uploadError', function(file) { $( '#'+file.id ).find('p.state').text('上传出错'); }); uploaderImgLogo.on( 'uploadComplete', function(file) { $( '#'+file.id ).find('.progress').fadeOut(); }); function setLogoVal(keyName) { var logo = ''; $.each(imgLogoListData,function(index, item) { logo += item + ','; }); logo = logo.substring(0, logo.length - 1); console.log(keyName) console.log(logo) $("input[name='"+keyName+"']").val(logo); } }