Пример плагина проекта jquery Плагин загрузки файлов, реализованный в ASP .NET MVC3 - PullRequest
Новая
       14

Пример плагина проекта jquery Плагин загрузки файлов, реализованный в ASP .NET MVC3

15 голосов
/ 20 февраля 2012

Мне нужно реализовать в моем проекте ASP .NET MVC3 плагин загрузки файлов jQuery:

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

Я гуглил и не нашел всего проекта, только кусочки кода. Я не знаю, как это реализовать.

Может ли кто-нибудь мне помочь? Может кто-нибудь сказать мне, где я могу скачать пример проекта или код?

Ответы [ 2 ]

46 голосов
/ 20 февраля 2012

Вы прочитали документацию плагина, который вы пытаетесь использовать? Вы пробовали базовую функциональность плагина ? Вы пытались создать новое приложение ASP.NET MVC 3 в Visual Studio, используя шаблон по умолчанию?

Вы пытались написать простой контроллер: 

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

Если нет, я приглашаю вас сделать это.

28 голосов
/ 16 марта 2012

Я создал пример проекта ASP.NET MVC 3 на GitHub , который показывает, как использовать полную функциональность плагина, включая удаление и загрузку.

...