Esempio progetto plugin per jQuery plugin di caricamento dei file implementato in ASP .NET MVC3

Question

Ho bisogno di implementare nel mio progetto ASP .NET MVC3 il caricamento di file jQuery plugin:

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

ho stato googling e mi rifugio' Ho trovato un intero progetto, solo pezzi di codice. Non so come implementarlo.

Qualcuno può aiutarmi? Qualcuno può dirmi dove posso scaricare un progetto o un codice di esempio?

Answer 1

Ho creato un sample ASP.NET MVC 3 project on GitHub che mostra come utilizzare una funzionalità plug-in completa, inclusa la cancellazione e il download.

Answer 2

Hai letto il documentation del plug-in che stai tentando di utilizzare? Hai provato il basic plugin functionality? Hai provato a creare una nuova applicazione ASP.NET MVC 3 in Visual Studio utilizzando il modello predefinito?

Hai provato a scrivere un semplice controllo:

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

e una corrispondente vista:

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

Se non lo hai, io vi invito a farlo.