Sample Plugin dự án jquery file upload các plugin thực hiện trong ASP NET MVC3

Question

tôi cần phải thực hiện trong dự án của tôi ASP NET MVC3 jQuery tập tin upload plugin:

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

Tôi đã được Googling và tôi thiên đường' t tìm thấy một dự án toàn bộ, chỉ có đoạn mã. Tôi không biết cách thực hiện nó.

Ai đó có thể giúp tôi không? Ai đó có thể cho tôi biết nơi tôi có thể tải xuống dự án hoặc mã mẫu không?

Answer 1

Tôi đã tạo một sample ASP.NET MVC 3 project on GitHub cho biết cách sử dụng chức năng trình cắm đầy đủ, bao gồm xóa và tải xuống.

Answer 2

Bạn đã đọc số documentation của plugin mà bạn đang cố gắng sử dụng chưa? Bạn đã thử các basic plugin functionality? Bạn đã cố gắng tạo một ứng dụng ASP.NET MVC 3 mới trong Visual Studio bằng cách sử dụng mẫu mặc định?

Bạn có cố gắng viết một điều khiển đơn giản:

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 })); 
    } 
} 

và một cái nhìn tương ứng:

<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"/> 

Nếu bạn chưa có, tôi mời các bạn làm như vậy.