怎么在ASP.NET MVC4项目中利用uploadify.js实现一个文件上传功能
创始人
2024-11-28 02:22:36
0次

页面代码:

1.引入js和css文件

  
  
  #upDiv {
   width: 550px;
   height: 400px;
   border: 2px solid red;
   margin-top: 30px;
   margin-left: 50px;
   float: left;
  }
  div form {
   text-align: center;
   vertical-align: middle;
  }
  h3, h4 {
   text-align: center;
   color: #00B2EE;
  }
  #upList {
   width: 900px;
   height: 400px;
   float: left;
   margin-top: 30px;
   margin-left: 50px;
   overflow-y: scroll;
   border: 2px solid red;
  }
  #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);
    }
   });
  });
  //在线打开文件
  function openFile(doc) {
   try {
    var fileName = $(doc).text();
    var url = window.location.protocol + "//" + window.location.host + "/UploadFile/File/"
    url = url + fileName;
    window.open(url);
   } catch (EventException) {
    alert("此文件无法打开!");
   }
  }
  //在线打开图片
  function openImg(doc) {
   var fileName = $(doc).text();
   var url = window.location.protocol + "//" + window.location.host + "/UploadImg/Img/"
   url = url + fileName;
   window.open(url);
  }
 

2.body内代码

  
 ASP .NET MVC4 多文件文件上传实例
 
  
      
  
   上传第一个    上传队列    取消第一个    取消队列   
          

文件列表

  
  
      

图片列表

  
 

后台代码:

public ActionResult loadFileInfo()
  {
   StringBuilder sb = new StringBuilder();
   DirectoryInfo theFolder = new DirectoryInfo(Server.MapPath("~/UploadFile/"));
   DirectoryInfo[] dirInfo = theFolder.GetDirectories();
   //遍历文件夹
   foreach (DirectoryInfo NextFolder in dirInfo)
   {
    FileInfo[] fileInfo = NextFolder.GetFiles();
    //遍历文件
    foreach (FileInfo NextFile in fileInfo)
    {
     string exStr = NextFile.Extension;
     string str = NextFile.Name;
     if (exStr == ".zip" || exStr == ".7z" || exStr == ".rar" || exStr.ToLower() == ".rars")
     {
      sb.Append("" + str + "

");      }      else if (exStr == ".doc" || exStr == ".docx")      {       sb.Append("" + str + "

");      }      else if (exStr == ".ppt" || exStr == ".pptx")      {       sb.Append("" + str + "

");      }      else if (exStr == ".xlsx" || exStr == ".xls" || exStr == ".XLS")      {       sb.Append("" + str + "

");      }      else if (exStr == ".pdf")      {       sb.Append("" + str + "

");      }      else if (exStr == ".js" || exStr == ".JS")      {       sb.Append("" + str + "

");      }      else if (exStr == ".html" || exStr == ".HTML")      {       sb.Append("" + str + "

");      }      else if (exStr == ".txt" || exStr == ".TXT")      {       sb.Append("" + str + "

");      }      else if (exStr == ".mp3" || exStr == ".wmv" || exStr == ".aac")      {       sb.Append("" + str + "

");      }      else if (exStr == ".avi" || exStr == ".mov" || exStr == ".mp4" || exStr == ".ram" || exStr == ".flv")      {       sb.Append("" + str + "

");      }      else {       sb.Append("" + str + "

");      }     }    }    return Content(sb.ToString());   }   public ActionResult loadImgInfo()   {    StringBuilder sb = new StringBuilder();    DirectoryInfo theFolder = new DirectoryInfo(Server.MapPath("~/UploadImg/"));    DirectoryInfo[] dirInfo = theFolder.GetDirectories();    //遍历文件夹    foreach (DirectoryInfo NextFolder in dirInfo)    {     FileInfo[] fileInfo = NextFolder.GetFiles();     //遍历文件     foreach (FileInfo NextFile in fileInfo)     {      string str = NextFile.Name;      sb.Append("" + str + "

");     }    }    return Content(sb.ToString());   }   public ActionResult UploadFile()   {    string filepath = "";    bool fileOK = false;    //判断是否已经选择上传文件    HttpPostedFileBase file = Request.Files["myfile"];    if (file != null && file.ContentLength > 0)    {     String fileExtension = System.IO.Path.GetExtension(file.FileName).ToLower();     //判断是否为图片类型     String[] allowedExtensions = { ".gif", ".png", ".bmp", ".jpg" };     for (int i = 0; i < allowedExtensions.Length; i++)     {      if (fileExtension == allowedExtensions[i])      {       fileOK = true;      }     }     if (fileOK)     {      //设置上传目录      string path = Server.MapPath("~/UploadImg/Img/");      if (!Directory.Exists(path))       Directory.CreateDirectory(path);      string filenNamer = file.FileName;      //文件路径      filepath = path + filenNamer;      file.SaveAs(filepath);      return RedirectToAction("Upload", "Home");     }     else     {      //设置上传目录      string path = Server.MapPath("~/UploadFile/File/");      if (!Directory.Exists(path))       Directory.CreateDirectory(path);      //不为图片类型的文件存入到File目录中      string filenNamer = file.FileName;      //文件路径      filepath = path + filenNamer;      file.SaveAs(filepath);      return RedirectToAction("Upload", "Home");      }    }    else    {     var script = String.Format("", Url.Action("Upload"));     return Content(script, "text/html");    }   }

相关内容

热门资讯

空调连续工作多久需要停机休息 空调连续工作的时间取决于多个因素,包括空调的型号、功率、使用环境和维护情况等。一般来说,空调可以连续...
空调哪个符号是除湿的 空调除湿功能通常用一个水滴形状的符号表示。不同品牌和型号的空调遥控器可能会有所差异,但一般来说,除湿...
格力空调多长时间加一次氟利昂 1、一般情况下,空调对氟利昂的使用量是非常小的,所以在空调使用了四年左右的时候再考虑加也没问题。2、...
空调用多长时间需要加氟一次 一般情况下是五年。当出现以下这几种情况时,空调才需要加氟。1、空调的室内机和室外机各有两个接口,当接...
格调生活·C标思享荟:卡萨帝在... 9月12日的郑州龙湖金融岛,夜风轻拂,灯光璀璨。“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑...
品牌价值破千亿、高端份额持续领... 9月12日,“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑州站”在郑州龙湖金融岛举办。2026...
空调主板坏了修800还是换新的 空调主板坏了是修还是换新,需要考虑多个因素,以下是一些建议:1. 维修成本:如果维修费用较低,比如 ...
空调开多久需要休息多长时间 问题:空调开多久需要休息多长时间回答:1、在使用空调的过程中,一般空调开7~8个小时左右需要休息2~...
中央空调多长时间清洗一次 1、一般空调开机前清洗一次即可,空调开机中间时段再清洗一次,空调关机时清洗一次,这样比较合理。2、空...
中央空调氟利昂多久加一次 看空调制热和制冷程度,很多人的观点认为氟利昂必须一年放一次,其实这个观点是错误的,理解上面有点偏差,...