webuploader多个实例上传（按两个来）
<script src="~/Scripts/jquery-1.9.1.min.js"></script>
怎么设置下拉菜单的内容<link href="~/Scripts/1/bootstrap.css"rel="stylesheet"/>
<link href="~/Scripts/1/webuploader.css"rel="stylesheet"/>
<script src="~/Scripts/1/webuploader.js"></script>
<script src="~/Scripts/1/bootstrap.min.js"></script>
<script src="~/Scripts/1/webuploader.js"></script>
<div id="uploader"class="wu-example">
<!--⽤来存放⽂件信息-->
<div id="thelist"class="uploader-list"></div>
<div class="btns">
<div id="picker0"data-ids="picker">⽂件上传</div>
<div id="picker1" >选择⽂件</div>
</div>
</div>
<span >
<script type="text/javascript">
$(function(){
var uploader;
Size =0;
uploader=aa("0");
});
function aa(i){
/*init webuploader*/
$list =$("#thelist");
uploader = ate({
auto:true,
// swf⽂件路径
swf:'/Scripts/1/Uploader.swf',
// ⽂件接收服务端。
server:'/Home/UpLoadProcess/',
// 选择⽂件的按钮。可选。
// 内部根据当前运⾏是创建，可能是input元素，也可能是flash.
pick:{
id:'#picker'+i,
//只能选择⼀个⽂件上传
//multiple: false
},
fileSingleSizeLimit:100*1024*1024,//设定单个⽂件⼤⼩
/
/限制只能上传⼀个⽂件
//fileNumLimit: 1,
// 不压缩image, 默认如果是jpeg，⽂件上传前会压缩⼀把再上传！
resize:false,
chunked:true,//分⽚上传-⼤⽂件的时候分⽚上传，默认false
chunkSize:500*1024,
})
// 当有⽂件被添加进队列的时候
// 当有⽂件被添加进队列的时候
<('fileQueued',function(file){
// 判断当前上传⽂件的格式
Files()[Files().length -1].LowerCase()!="docx"&& Files()[Files().length -1].Lower Case()!="doc"&& Files()[Files().length -1].LowerCase()!="xlsx"&& Files()[Files().length -1].ext.t oLowerCase()!="xls"&& Files()[Files().length -1].LowerCase()!="pptx"&& Files()[Files().length -1].LowerCase()!="ppt"&& Files()[Files().length -1].LowerCase()!="mp4"&& Files()[Files().l ength -1].LowerCase()!="swf"&& Files()[Files().length -1].LowerCase()!="pdf"&& Files()[ Files().length -1].LowerCase()!="jpg"&& Files()[Files().length -1].LowerCase()!="png"){ alert("上传格式不正确！");
}
else{
var $li =$('#WU_FILE_'+ i),
$percent = $li.find('.info');
if(!$percent.length){
$list.append('<div id="WU_FILE_'+ i +'" class="item">'+
'<h4 class="info">'+ file.name +'</h4>'+
'<p class="state">等待上传...</p>'+
' <span id="iid'+ i +'"></span><span id="all'+ i +'"></span></div>');
}
else{
var $lii =$('#WU_FILE_'+ i);//修改已上传的
$lii.html('<div id="WU_FILE_'+ i +'" class="item">'+
'<h4 class="info">'+ file.name +'</h4>'+
'<p class="state">等待上传...</p>'+
'<span id="iid'+ i +'"></span><span id="all'+ i +'"></span></div>');
}
}
});
// ⽂件上传过程中创建进度条实时显⽰。
<('uploadProgress',function(file, percentage){
$li =$('#WU_FILE_'+ i),
$percent = $li.find('.progress .progress-bar');
// 避免重复创建---进度条
if(!$percent.length){
$percent =$('<div class="progress ctive">'+
'<div class="progress-bar" role="progressbar" >'+
'</div>'+
'</div>').appendTo($li).find('.progress-bar');
}
$li.find('p.state').text('上传中');
$percent.css('width', percentage *100+'%');//进度条
//上传期间所上传占总的⽐例
var nowSize =0;//已上传⼤⼩
var gb = Math.pow(1024,3);
var mb = Math.pow(1024,2);
var kb =1024;
var fileSize = Files()[Files().length -1].size;//总⼤⼩
怎么让表格左右滚动if(fileSize >= gb){
var fz =(fileSize / gb).toFixed(2);
Size = fz +"GB";
nowSize =(fz * percentage).toFixed(2)+"GB";
}
else if(fileSize >= mb){
var fz =(fileSize / mb).toFixed(2);
Size = fz +"MB";
nowSize =(fz * percentage).toFixed(2)+"MB";
}
else if(fileSize >= kb){
var fz =(fileSize / kb).toFixed(2);
Size = fz +"KB";
nowSize =(fz * percentage).toFixed(2)+"KB";
}
else{
var fz = fileSize;
Size = fz +"B";
nowSize = fz * percentage +"B";
}
}
/
/var iidSize = nowSize / Size;
$("#iid"+ i).html((percentage*100).toFixed(2)+"%");//已上传⽐例
$("#all"+ i).html("总⼤⼩："+ Size);//总⼤⼩
});
<('uploadSuccess',function(file, response){
//console.log(response._raw);
$('#WU_FILE_'+ i).find('p.state').text('已完成');
跷二郎腿的危害 女性//veFile(file);//删除
//set();
});
<('uploadError',function(file){
$('#WU_FILE_'+ i).find('p.state').text('上传出错');
小舍得在哪里可以免费看});
<('uploadComplete',function(file){
multisim破解版下载//$('#' + file.id).find('.progress').fadeOut();//删除进度条
});
/**
* 验证⽂件格式以及⽂件⼤⼩
jquery下载文件进度条*/
<("error",function(type){
if(type =="F_EXCEED_SIZE"){
alert("⽂件⼤⼩不能超过100M");
}
else{
alert("上传出错！请检查后重新上传！错误代码"+ type);
}
});
return uploader;
}
function bbb(i){
$("#picker1").show();
uploader=aa(i);
}
</script>
</span>
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论