示例項目插件jQuery的文件上傳插件來實現

Question

我需要在我的項目ASP .NET MVC3 jQuery的文件上傳插件來實現：

http://blueimp.github.com/jQuery-File-Upload/

我一直在谷歌搜索和我的天堂」 t找到了一個完整的項目，只有部分代碼。我不知道如何實現它。

有人可以幫助我嗎？有人可以告訴我在哪裏可以下載一個示例項目或代碼？

Answer 1

我創建了一個sample ASP.NET MVC 3 project on GitHub，它顯示瞭如何使用完整的插件功能，包括刪除和下載。

Answer 2

您是否閱讀過您嘗試使用的插件的documentation？你嘗試過basic plugin functionality嗎？您是否嘗試使用默認模板在Visual Studio中創建新的ASP.NET MVC 3應用程序？

你嘗試寫一個簡單的控制器：

public class HomeController : Controller 
{ 
    public ActionResult Index() 
    { 
     return View(); 
    } 

    [HttpPost] 
    public ActionResult Index(IEnumerable<HttpPostedFileBase> files) 
    { 
     foreach (var file in files) 
     { 
      var filename = Path.Combine(Server.MapPath("~/App_Data"), file.FileName); 
      file.SaveAs(filename); 
     } 
     return Json(files.Select(x => new { name = x.FileName })); 
    } 
} 

和相應的視圖：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script src="@Url.Content("~/Scripts/blueimp/js/vendor/jquery.ui.widget.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/blueimp/js/jquery.iframe-transport.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/blueimp/js/jquery.fileupload.js")" type="text/javascript"></script> 

<script type="text/javascript"> 
    $(function() { 
     $('#fileupload').fileupload({ 
      dataType: 'json', 
      url: '@Url.Action("index")', 
      done: function (e, data) { 
       $.each(data.result, function (index, file) { 
        $('<p/>').text(file.name).appendTo(document.body); 
       }); 
      } 
     }); 
    }); 
</script> 

<input id="fileupload" type="file" name="files" multiple="multiple"/> 

如果你還沒有，我請你這樣做。