Blueimp jQuery文件上傳與Asp.Net集成

Question

我想用asp.Net使用jquery blueimp多個文件上傳。 經過兩天的不成功嘗試，我決定問，也許有人會分享工作的例子。

我將不勝感激。

Answer 1

您可以使用確切的演示文件，而無需使用先前評論中鏈接的.NET示例。將表單操作鏈接更改爲指向您創建的handler.ashx文件。

因此，在index.html的形式，將該網址添加到您的行動創建的處理程序：

<form id="fileupload" action="GongosHandler.ashx" method="POST" enctype="multipart/form-data"> 

然後做一個基本的處理程序編碼爲以下幾點：

public void ProcessRequest(HttpContext context) 
{ 
    context.Response.ContentType = "text/plain";//"application/json"; 
    var r = new System.Collections.Generic.List<ViewDataUploadFilesResult>(); 


    for (var x = 0; x < context.Request.Files.Count; x++) 
    { 
     HttpPostedFile hpf = context.Request.Files[x] as HttpPostedFile; 
     string FileName = string.Empty; 
     if (HttpContext.Current.Request.Browser.Browser.ToUpper() == "IE") 
     { 
      string[] files = hpf.FileName.Split(new char[] { '\\' }); 
      FileName = files[files.Length - 1]; 
     } 
     else 
     { 
      FileName = hpf.FileName; 
     } 
     if (hpf.ContentLength == 0) 
      continue; 
     string savedFileName = context.Server.MapPath("~/Uploads/" + FileName); 
     try 
     { 
      hpf.SaveAs(savedFileName); 
     } 
     catch (Exception ex) 
     { 

     } 


     r.Add(new ViewDataUploadFilesResult() 
     { 
      thumbnailUrl = savedFileName, 
      name = FileName, 
      length = hpf.ContentLength, 
      type = hpf.ContentType, 
      url = string.Format("/Uploads/{0}", FileName), 
      deleteUrl = string.Format("/Uploads/{0}", FileName) 
     }); 
     var uploadedFiles = new 
     { 
      files = r.ToArray() 
     }; 

     //was returning a new json string everytime, so then duplicating if 
     //sending multiple files. Example, file 1 was in first position, 
     //then file 1 & 2 in second position, and so on. So, I only grab, 
     //the last JSON instance to get all files. 
     if (x == (context.Request.Files.Count - 1)) 
     { 
      var jsonObj = JsonConvert.SerializeObject(uploadedFiles, Formatting.Indented); 
      string jsonHttpOutputStream = jsonObj.ToString(); 

      context.Response.Write(jsonHttpOutputStream); 
     } 
    } 

} 

public bool IsReusable 
{ 
    get 
    { 
     return false; 
    } 
} 

}

public class ViewDataUploadFilesResult 
{ 
    public string thumbnailUrl { get; set; } 
    public string name { get; set; } 
    public int length { get; set; } 
    public string type { get; set; } 
    public string url { get; set; } 
    public string deleteUrl { get; set; } 
} 

而在一個基本的水平，這將呈現和工作。然後，你必須在這裏和那裏調整一些代碼，以使其運行得如何。儘管如此，這個處理程序正是您正確處理上傳所需的全部內容。祝你好運！