uploadify初体验
js调用
$("#fileInput1").uploadify({'uploader':'images/uploadify.swf','script':'uploadfile.aspx','cancelImg':'images/cancel.png','auto':false,'multi':true,'sizeLimit':1024*1024*1024*1,'simUploadLimit':1,//允许同时上传的个数'queueSizeLimit':5,//当允许多文件生成时,设置选择文件的个数,默认值:999 。'fileDesc':'请选择rar doc pdf文件',//提示'fileExt':'*.doc;*.pdf;*.rar',//要求'onSelectOnce':function(event,data){fileOkAndKiss(data);},'onCancel':function(event,queueId,fileObj,data){fileOkAndKiss(data);},'onProgress':function(event,queueId,fileObj,data){ $("#showoldfileName").html("<table id='tablefile'><tr><td align=left>文件名</td><td>文件大小</td></tr></table>");//window.location.reload();//return;//上传时触发//完成百分比 当前上传多少 总工上传多少 上传速度(可以做判断 》1024 为M 小于则KB)//$("#sa").html(data.percentage+" % <br>"+Math.round(data.bytesLoaded/1024/1024)+"MB<br>"+Math.round(data.allBytesLoaded/1024/1024)+"MB<br>"+Math.round(data.speed)+"KB");},'onError':function(event,queueId,fileObj,errorObj) {//错误时触发//错误的类型,有三种‘HTTP’, ‘IO’, or ‘Security’//错误的描述$("Span5").html(errorObj.type+"<br>"+errorObj.info).css("color","red"); },'onComplete':function(event,queueId,fileObj,response,data) { $("#Span2").html("剩余文件:"+data.fileCount);//把路径放到数组里边 最后统一插入到数据库//var t=response.split('*')[0] //.split('~/')[1];vart=response.split('*')[0];if(t!="0") { fs="<tr><td align=left>"+fileObj.name+"</td><td>"+fileBytehandle(fileObj.size)+"</td></tr>"; $(fs).appendTo($("#tablefile")); fileArrayString+=t+','+fileObj.name+','+fileBytehandle(fileObj.size)+'!'; } },'onAllComplete':function(event,data){//提交到数据库vara=QLflow.savaFile(fileArrayString,tmpid,ndid,nuid);if(a==0) alert("上传文件失败");//上传完毕 然后清空fileArrayString="";//提示总工上传的个数 已上传的 错误的 最后提示正确的已插入的数据库中} });
c#代码
protectedvoidPage_Load(objectsender, EventArgs e) { Server.Execute("LoginAPI.aspx");try{//获取上传的文件数据HttpPostedFile file=Request.Files["Filedata"];stringfileName=file.FileName;//由于不同浏览器取出的FileName不同(有的是文件绝对路径,有的是只有文件名),故要进行处理if(fileName.IndexOf('\\')>-1) { fileName=fileName.Substring(fileName.LastIndexOf('\\')+1); }elseif(fileName.IndexOf('/')>-1) { fileName=fileName.Substring(fileName.LastIndexOf('/')+1); }//上传的目录stringuploadDir="~/upload/";//上传的路径stringuploadPath=uploadDir+Guid.NewGuid()+fileName.Replace(",","(逗号)");//保存到数据库//保存文件file.SaveAs(Server.MapPath(uploadPath));//下面这句代码缺少的话,上传成功后上传队列的显示不会自动消失//Response.Write("1");Response.Write(uploadPath+"*"); }catch{ Response.Write("0*"); } }
html
<divclass="tob"><tableid="ft"cellpadding="0"cellspacing="0"border="1"style="top:10px; position:relative; width:90%; text-align:center;"><tr><td>项目名称</td><td><inputid="Text21"type="text"readonly/></td></tr><trid="upfile"><td>上传设计文档</td><td><br/><spanid="Span0"></span> <spanid="Span1"></span> <spanid="Span2"></span> <spanid="Span5"></span><br/><divid="fileInput1"></div><ahref="javascript:$('#fileInput1').uploadifyUpload()">上传</a>|<ahref="javascript:$('#fileInput1').uploadifyClearQueue()">取消上传</a></td></tr><tr><td>已上传的设计文档</td></tr></table></div>
jquery.uploadify.v2.1.0.min.js
//if(jQuery){(function(a){a.extend(a.fn,{uploadify:function(b){a(this).each(function(){settings=a.extend({id:a(this).attr("id"),uploader:"uploadify.swf",script:"uploadify.php",expressInstall:null,folder:"",height:30,width:110,cancelImg:"cancel.png",wmode:"opaque",scriptAccess:"sameDomain",fileDataName:"Filedata",method:"POST",queueSizeLimit:999,simUploadLimit:1,queueID:false,displayData:"percentage",onInit:function(){},onSelect:function(){},onQueueFull:function(){},onCheck:function(){},onCancel:function(){},onError:function(){},onProgress:function(){},onComplete:function(){},onAllComplete:function(){}},b);var e=location.pathname;e=e.split("/");e.pop();e=e.join("/")+"/";var f={};f.uploadifyID=settings.id;f.pagepath=e;if(settings.buttonImg){f.buttonImg=escape(settings.buttonImg)}if(settings.buttonText){f.buttonText=escape(settings.buttonText)}if(settings.rollover){f.rollover=true}f.script=settings.script;f.folder=escape(settings.folder);if(settings.scriptData){var g="";for(var d in settings.scriptData){g+="&"+d+"="+settings.scriptData[d]}f.scriptData=escape(g.substr(1))}f.width=settings.width;f.height=settings.height;f.wmode=settings.wmode;f.method=settings.method;f.queueSizeLimit=settings.queueSizeLimit;f.simUploadLimit=settings.simUploadLimit;if(settings.hideButton){f.hideButton=true}if(settings.fileDesc){f.fileDesc=settings.fileDesc}if(settings.fileExt){f.fileExt=settings.fileExt}if(settings.multi){f.multi=true}if(settings.auto){f.auto=true}if(settings.sizeLimit){f.sizeLimit=settings.sizeLimit}if(settings.checkScript){f.checkScript=settings.checkScript}if(settings.fileDataName){f.fileDataName=settings.fileDataName}if(settings.queueID){f.queueID=settings.queueID}if(settings.onInit()!==false){a(this).css("display","none");a(this).after('<div id="'+a(this).attr("id")+'Uploader"></div>');swfobject.embedSWF(settings.uploader,settings.id+"Uploader",settings.width,settings.height,"9.0.24",settings.expressInstall,f,{quality:"high",wmode:settings.wmode,allowScriptAccess:settings.scriptAccess});if(settings.queueID==false){a("#"+a(this).attr("id")+"Uploader").after('<div id="'+a(this).attr("id")+'Queue" class="uploadifyQueue"></div>')}}if(typeof(settings.onOpen)=="function"){a(this).bind("uploadifyOpen",settings.onOpen)}a(this).bind("uploadifySelect",{action:settings.onSelect,queueID:settings.queueID},function(j,h,i){if(j.data.action(j,h,i)!==false){var k=Math.round(i.size/1024*100)*0.01;var l="KB";if(k>1000){k=Math.round(k*0.001*100)*0.01;l="MB"}var m=k.toString().split(".");if(m.length>1){k=m[0]+"."+m[1].substr(0,2)}else{k=m[0]}if(i.name.length>20){fileName=i.name.substr(0,20)+"..."}else{fileName=i.name}queue="#"+a(this).attr("id")+"Queue";if(j.data.queueID){queue="#"+j.data.queueID}a(queue).append('<div id="'+a(this).attr("id")+h+'" class="uploadifyQueueItem"><div class="cancel"><a href="javascript:jQuery(\'#'+a(this).attr("id")+"').uploadifyCancel('"+h+'\')"><img src="'+settings.cancelImg+'" border="0" /></a></div><span class="fileName">'+fileName+" ("+k+l+')</span><span class="percentage"></span><div class="uploadifyProgress"><div id="'+a(this).attr("id")+h+'ProgressBar" class="uploadifyProgressBar"><!--Progress Bar--></div></div></div>')}});if(typeof(settings.onSelectOnce)=="function"){a(this).bind("uploadifySelectOnce",settings.onSelectOnce)}a(this).bind("uploadifyQueueFull",{action:settings.onQueueFull},function(h,i){if(h.data.action(h,i)!==false){alert("The queue is full. The max size is "+i+".")}});a(this).bind("uploadifyCheckExist",{action:settings.onCheck},function(m,l,k,j,o){var i=new Object();i=k;i.folder=e+j;if(o){for(var h in k){var n=h}}a.post(l,i,function(r){for(var p in r){if(m.data.action(m,l,k,j,o)!==false){var q=confirm("Do you want to replace the file "+r[p]+"?");if(!q){document.getElementById(a(m.target).attr("id")+"Uploader").cancelFileUpload(p,true,true)}}}if(o){document.getElementById(a(m.target).attr("id")+"Uploader").startFileUpload(n,true)}else{document.getElementById(a(m.target).attr("id")+"Uploader").startFileUpload(null,true)}},"json")});a(this).bind("uploadifyCancel",{action:settings.onCancel},function(l,h,k,m,j){if(l.data.action(l,h,k,m,j)!==false){var i=(j==true)?0:250;a("#"+a(this).attr("id")+h).fadeOut(i,function(){a(this).remove()})}});if(typeof(settings.onClearQueue)=="function"){a(this).bind("uploadifyClearQueue",settings.onClearQueue)}var c=[];a(this).bind("uploadifyError",{action:settings.onError},function(l,h,k,j){if(l.data.action(l,h,k,j)!==false){var i=new Array(h,k,j);c.push(i);a("#"+a(this).attr("id")+h+" .percentage").text(" - "+j.type+" Error");a("#"+a(this).attr("id")+h).addClass("uploadifyError")}});a(this).bind("uploadifyProgress",{action:settings.onProgress,toDisplay:settings.displayData},function(j,h,i,k){if(j.data.action(j,h,i,k)!==false){a("#"+a(this).attr("id")+h+"ProgressBar").css("width",k.percentage+"%");if(j.data.toDisplay=="percentage"){displayData=" - "+k.percentage+"%"}if(j.data.toDisplay=="speed"){displayData=" - "+k.speed+"KB/s"}if(j.data.toDisplay==null){displayData=" "}a("#"+a(this).attr("id")+h+" .percentage").text(displayData)}});a(this).bind("uploadifyComplete",{action:settings.onComplete},function(k,h,j,i,l){if(k.data.action(k,h,j,unescape(i),l)!==false){a("#"+a(this).attr("id")+h+" .percentage").text(" - Completed");a("#"+a(this).attr("id")+h).fadeOut(250,function(){a(this).remove()})}});if(typeof(settings.onAllComplete)=="function"){a(this).bind("uploadifyAllComplete",{action:settings.onAllComplete},function(h,i){if(h.data.action(h,i)!==false){c=[]}})}})},uploadifySettings:function(f,j,c){var g=false;a(this).each(function(){if(f=="scriptData"&&j!=null){if(c){var i=j}else{var i=a.extend(settings.scriptData,j)}var l="";for(var k in i){l+="&"+k+"="+escape(i[k])}j=l.substr(1)}g=document.getElementById(a(this).attr("id")+"Uploader").updateSettings(f,j)});if(j==null){if(f=="scriptData"){var b=unescape(g).split("&");var e=new Object();for(var d=0;d<b.length;d++){var h=b[d].split("=");e[h[0]]=h[1]}g=e}return g}},uploadifyUpload:function(b){a(this).each(function(){document.getElementById(a(this).attr("id")+"Uploader").startFileUpload(b,false)})},uploadifyCancel:function(b){a(this).each(function(){document.getElementById(a(this).attr("id")+"Uploader").cancelFileUpload(b,true,false)})},uploadifyClearQueue:function(){a(this).each(function(){document.getElementById(a(this).attr("id")+"Uploader").clearFileUploadQueue(false)})}})})(jQuery)};if(jQuery) { (function(a) { a.extend(a.fn,{ uploadify:function(b) { a(this).each(function() { settings=a.extend({ id:a(this).attr("id"),uploader:"uploadify.swf",script:"uploadify.php",expressInstall:null,folder:"",height:30,width:110,cancelImg:"cancel.png",wmode:"opaque",scriptAccess:"sameDomain",fileDataName:"Filedata",method:"POST",queueSizeLimit:999,simUploadLimit:1,queueID:false,displayData:"percentage",onInit:function() { },onSelect:function() { },onQueueFull:function() { },onCheck:function() { },onCancel:function() { },onError:function() { },onProgress:function() { },onComplete:function() { },onAllComplete:function() { } },b);vare=location.pathname; e=e.split("/"); e.pop(); e=e.join("/")+"/";varf={ }; f.uploadifyID=settings.id; f.pagepath=e;if(settings.buttonImg) { f.buttonImg=escape(settings.buttonImg) }if(settings.buttonText) { f.buttonText=escape(settings.buttonText) }if(settings.rollover) { f.rollover=true}f.script=settings.script; f.folder=escape(settings.folder);if(settings.scriptData) {varg="";for(vardinsettings.scriptData) { g+="&"+d+"="+settings.scriptData[d] }f.scriptData=escape(g.substr(1)) }f.width=settings.width; f.height=settings.height; f.wmode=settings.wmode; f.method=settings.method; f.queueSizeLimit=settings.queueSizeLimit; f.simUploadLimit=settings.simUploadLimit;if(settings.hideButton) { f.hideButton=true}if(settings.fileDesc) { f.fileDesc=settings.fileDesc }if(settings.fileExt) { f.fileExt=settings.fileExt }if(settings.multi) { f.multi=true}if(settings.auto) { f.auto=true}if(settings.sizeLimit) { f.sizeLimit=settings.sizeLimit }if(settings.checkScript) { f.checkScript=settings.checkScript }if(settings.fileDataName) { f.fileDataName=settings.fileDataName }if(settings.queueID) { f.queueID=settings.queueID }if(settings.onInit()!==false) { a(this).css("display","none"); a(this).after('<div id="'+a(this).attr("id")+'Uploader"></div>'); swfobject.embedSWF(settings.uploader,settings.id+"Uploader",settings.width,settings.height,"9.0.24",settings.expressInstall,f,{ quality:"high",wmode:settings.wmode,allowScriptAccess:settings.scriptAccess });if(settings.queueID==false) { a("#"+a(this).attr("id")+"Uploader").after('<div id="'+a(this).attr("id")+'Queue" class="uploadifyQueue"></div>') } }if(typeof(settings.onOpen)=="function") { a(this).bind("uploadifyOpen",settings.onOpen) }a(this).bind("uploadifySelect",{ action:settings.onSelect,queueID:settings.queueID },function(j,h,i) {if(j.data.action(j,h,i)!==false) {//var k=Math.round(i.size/1024*100)*0.01;//var l="KB";//if(k>1000) {//k=Math.round(k*0.001*100)*0.01;//l="MB"//}//高楠vark=Math.round(i.size/1024);varl="KB";if(k>1024) { k=Math.round(k/1024);l="MB"}//endvarm=k.toString ().split(".");if(m.length>1) { k=m[0]+"."+m[1].substr(0,2) }else{ k=m[0] }if(i.name.length>20) { fileName=i.name.substr(0,20)+"..."}else{ fileName=i.name }queue="#"+a(this).attr("id")+"Queue";if(j.data.queueID) { queue="#"+j.data.queueID }a(queue).append('<div id="'+a(this).attr("id")+h+'" class="uploadifyQueueItem"><div class="cancel"><a href="javascript:jQuery(\'#'+a(this).attr("id")+"').uploadifyCancel('"+h+'\')"><img src="'+settings.cancelImg+'" border="0" /></a></div><span class="fileName">'+fileName+"("+k+l+')</span><span class="percentage"></span><div class="uploadifyProgress"><div id="'+a(this).attr("id")+h+'ProgressBar" class="uploadifyProgressBar"><!--Progress Bar--></div></div></div>') } });if(typeof(settings.onSelectOnce)=="function") { a(this).bind("uploadifySelectOnce",settings.onSelectOnce) }a(this).bind("uploadifyQueueFull",{ action:settings.onQueueFull },function(h,i) {if(h.data.action(h,i)!==false) { alert("一次最多上传"+i+"个文件");//alert("The queue is full. The max size is "+i+".")} }); a(this).bind("uploadifyCheckExist",{ action:settings.onCheck },function(m,l,k,j,o) {vari=newObject(); i=k; i.folder=e+j;if(o) {for(varhink) {varn=h } }a.post(l,i,function(r) {for(varpinr) {if(m.data.action(m,l,k,j,o)!==false) {varq=confirm("Do you want to replace the file"+r[p]+"?");if(!q) { document.getElementById(a(m.target).attr("id")+"Uploader").cancelFileUpload(p,true,true) } } }if(o) { document.getElementById(a(m.target).attr("id")+"Uploader").startFileUpload(n,true) }else{ document.getElementById(a(m.target).attr("id")+"Uploader").startFileUpload(null,true) } },"json") }); a(this).bind("uploadifyCancel",{ action:settings.onCancel },function(l,h,k,m,j) {if(l.data.action(l,h,k,m,j)!==false) {vari=(j==true)?0:250; a("#"+a(this).attr("id")+h).fadeOut(i,function() { a(this).remove() }) } });if(typeof(settings.onClearQueue)=="function") { a(this).bind("uploadifyClearQueue",settings.onClearQueue) }varc=[]; a(this).bind("uploadifyError",{ action:settings.onError },function(l,h,k,j) {if(l.data.action(l,h,k,j)!==false) {vari=newArray(h,k,j); c.push(i);//高楠if(j.type=="File Size") { alert("文件大小不能超过1G"); }//enda("#"+a(this).attr("id")+h+".percentage").text("-"+j.type+"Error"); a("#"+a(this).attr("id")+h).addClass("uploadifyError") } }); a(this).bind("uploadifyProgress",{ action:settings.onProgress,toDisplay:settings.displayData },function(j,h,i,k) {if(j.data.action(j,h,i,k)!==false) { a("#"+a(this).attr("id")+h+"ProgressBar").css("width",k.percentage+"%");if(j.data.toDisplay=="percentage") {//displayData=" - "+k.percentage+"%"//高楠vargnk="";if(k.speed<1024) { gnk=k.speed+"KB/s"; }else{ gnk=Math.round(k.speed/1024)+"M/s"; } displayData="-"+k.percentage+"%"+"-"+gnk; //end }if(j.data.toDisplay=="speed") { displayData="-"+k.speed+"KB/s"}if(j.data.toDisplay==null) { displayData=""}a("#"+a(this).attr("id")+h+".percentage").text(displayData) } }); a(this).bind("uploadifyComplete",{ action:settings.onComplete },function(k,h,j,i,l) {if(k.data.action(k,h,j,unescape(i),l)!==false) { a("#"+a(this).attr("id")+h+".percentage").text("- Completed"); a("#"+a(this).attr("id")+h).fadeOut(250,function() { a(this).remove() }) } });if(typeof(settings.onAllComplete)=="function") { a(this).bind("uploadifyAllComplete",{ action:settings.onAllComplete },function(h,i) {if(h.data.action(h,i)!==false) { c=[] } }) } }) },uploadifySettings:function(f,j,c) {varg=false; a(this).each(function() {if(f=="scriptData"&&j!=null) {if(c) {vari=j }else{vari=a.extend(settings.scriptData,j) }varl="";for(varkini) { l+="&"+k+"="+escape(i[k]) }j=l.substr(1) }g=document.getElementById(a(this).attr("id")+"Uploader").updateSettings(f,j) });if(j==null) {if(f=="scriptData") {varb=unescape(g).split("&");vare=newObject();for(vard=0;d<b.length;d++) {varh=b[d].split("="); e[h[0]]=h[1] }g=e }returng } },uploadifyUpload:function(b) { a(this).each(function() { document.getElementById(a(this).attr("id")+"Uploader").startFileUpload(b,false) }) },uploadifyCancel:function(b) { a(this).each(function() { document.getElementById(a(this).attr("id")+"Uploader").cancelFileUpload(b,true,false) }) },uploadifyClearQueue:function() { a(this).each(function() { document.getElementById(a(this).attr("id")+"Uploader").clearFileUploadQueue(false) }) } }) })(jQuery)};
uploadify改名: 在后台文件
if (Session["change"] == null) { fileName = "JH.dbf"; Session["change"] = fileName; }else { fileName = "XM.dbf"; Session.Remove("change"); }
uploadify初体验相关推荐
- 苹果电脑安装python3密码_mac系统安装Python3初体验
前沿 对于iOS开发不要随便拆卸系统自带的Python,因为有很多 library 还是使用 Python2.7. 1 安装Xcode 1.1 App Store 搜索Xcode 并安装 1.2 安装 ...
- MapReduce编程初体验
需求:在给定的文本文件中统计输出每一个单词出现的总次数 第一步: 准备一个aaa.txt文本文档 第二步: 在文本文档中随便写入一些测试数据,这里我写入的是 hello,world,hadoop he ...
- 小程序 缩放_缩放流星应用程序的初体验
小程序 缩放 by Elie Steinbock 埃莉·斯坦博克(Elie Steinbock) 缩放流星应用程序的初体验 (First Experiences Scaling a Meteor Ap ...
- wxWidgets刚開始学习的人导引(3)——wxWidgets应用程序初体验
wxWidgets刚開始学习的人导引全文件夹 PDF版及附件下载 1 前言 2 下载.安装wxWidgets 3 wxWidgets应用程序初体验 4 wxWidgets学习资料及利用方法指导 5 ...
- 用鸿蒙跑了个 “hello world”!鸿蒙开发初体验
点击上方蓝色"方志朋",选择"设为星标" 回复"666"获取独家整理的学习资料! 来源 | https://my.oschina.net/u ...
- Windows Embedded Standard开发初体验(二)
支持Silverlight的Windows Embedded Standard 好了,完成安装之后,我们就可以来做Windows Embedded Standard的第一个操作系统镜像了.在开始菜单中 ...
- 深度探索Hyperledger技术与应用之超级账本初体验(附部署代码)
2019独角兽企业重金招聘Python工程师标准>>> 本章零基础地介绍了如何快速体验超级账本搭建的区块链网络,我们先绕过了比较复杂的初始化配置,用官方提供的fabric-sampl ...
- Spring环境搭建,IoC容器初体验~
由于最近的任务是关于IoC配置文件格式的转换,所以需要从Spring的IoC容器开始学起,今天根据网上的介绍搭建了Spring环境,并对其IoC容器进行了初体验.文章中涉及到的软件以及推荐的一本关于S ...
- 来自新手Banana Pi香蕉派初体验
2019独角兽企业重金招聘Python工程师标准>>> 一.前言 一段时间来对有强大的技术支持和完善的社区的Raspberry Pi很感兴趣,本想入一片学习学习,但转念一想Raspb ...
最新文章
- 函数实现十进制转二进制
- iptables 防火墙设置
- 那个软件弹出广告_如何关闭烦人的电脑弹窗广告?5种方法教你轻松解决
- [Android] TableLayout
- Oracle INTERVAL DAY TO SECOND数据类型
- Java基础day7
- 手机支持html5绘图性能,【高级系列】Canvas绘制性能专题
- 2017百度之星初赛
- 「福利」Java Swing 编写的可视化算法工程,包含树、图和排序
- C处理Python返回的字串代码
- 常用c语言代码大全,C语言的一些常用代码
- 【梳理】离散数学 第15章 欧拉图与哈密顿图 15.1 欧拉图 15.2 哈密顿图
- Python使用matplotlib绘制龟兔赛跑中兔子和乌龟的行走轨迹
- 『HDU 5745』La Vie en rose
- No DataSource specified
- 【托业】【金山词霸】单词1-20
- Linux内核UDP收包为什么效率低?能做什么优化?
- 过滤器实现用户访问记录日志记录
- 在Python中使用HTML模版的教程
- IT 外包中的甲方乙方,德国人,美国人,印度人和日本人印象杂谈
热门文章
- linux下的makefile编程
- linux远程执行本地脚本,ssh远程执行命令方法和Shell脚本实例
- onclick=两个函数_[译]React函数组件和类组件的差异
- python编程软件开发_Python编程对软件开发人员很重要?
- python itchat库安装_操作微信-itchat库的安装
- python声明_【瞎折腾-03】在Python里面写类型“声明”
- 机器视觉:mvs相机调试
- 盲去卷积原理及在图像复原的应用
- 全球及中国有色金属行业产量规模与未来发展形势展望报告2021版
- tomcat8启动慢