ASP.NET MVC4 利用uploadify.js多文件上传
页面代码:
1.引入js和css文件
#upDiv{ width:550px; height:400px; border:2pxsolidred; margin-top:30px; margin-left:50px; float:left; } divform{ text-align:center; vertical-align:middle; } h2,h3{ text-align:center; color:#00B2EE; } #upList{ width:900px; height:400px; float:left; margin-top:30px; margin-left:50px; overflow-y:scroll; border:2pxsolidred; } #filelist{ width:45%; height:400px; float:left; } #lineDiv{ width:50px; height:400px; float:left; } #imglist{ width:45%; height:400px; float:left; } #form1{ margin-top:25px; } img{ width:25px; height:25px; } .btn{ width:150px; height:40px; text-align:center; background-color:#b58061; color:white; } p{ cursor:pointer; } $(function(){ $("#myfile").uploadify({ "auto":false, "swf":"../Scripts/uploadify/uploadify.swf", "uploader":"../Home/UploadFiles", "removeCompleted":false, "onUploadSuccess":function(file,data,response){ }, "onQueueComplete":function(){ window.location.reload(); } }); $.ajax({ url:"/home/loadFileInfo", datatype:'html', success:function(result){ $('#filelist').append(result); } }); $.ajax({ url:"/home/loadImgInfo", datatype:'html', success:function(result){ $('#imglist').append(result); } }); }); //在线打开文件 functionopenFile(doc){ try{ varfileName=$(doc).text(); varurl=window.location.protocol+"//"+window.location.host+"/UploadFile/File/" url=url+fileName; window.open(url); }catch(EventException){ alert("此文件无法打开!"); } } //在线打开图片 functionopenImg(doc){ varfileName=$(doc).text(); varurl=window.location.protocol+"//"+window.location.host+"/UploadImg/Img/" url=url+fileName; window.open(url); }
2.body内代码
ASP.NETMVC4多文件文件上传实例 上传第一个 上传队列 取消第一个 取消队列 文件列表