在ASP .NET MVC3中实现的示例项目插件jquery文件上载插件

Question

我需要在我的项目ASP .NET MVC3中实现jQuery文件上传插件:

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

我一直在谷歌搜索,我没有找到一个完整的项目,只有一些代码.我不知道如何实现它.

有人能帮我吗？有人能告诉我在哪里可以下载示例项目或代码吗？

Answer 1

您是否阅读了您尝试使用的插件的文档？你尝试过基本的插件功能了吗？您是否尝试使用默认模板在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"/>

如果你还没有,我邀请你这样做.

Answer 2

我在GitHub上创建了一个示例ASP.NET MVC 3项目,该项目展示了如何使用完整的插件功能,包括删除和下载.