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

【问题标题】：Sample project plugin jquery File Upload plugin implemented in ASP .NET MVC3在 ASP .NET MVC3 中实现的示例项目插件 jquery 文件上传插件
【发布时间】：2012-02-20 13:17:43
【问题描述】：

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

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

我一直在谷歌上搜索，但没有找到完整的项目，只有几段代码。不知道怎么实现。

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

【问题讨论】：

看看 Telerik MVC Upload 组件 demos.telerik.com/aspnet-mvc/upload 它有很好的文档记录，并且可以肯定地工作。 Telerik MVC 控件是开源的。
非常感谢。我会检查的！

标签： jquery asp.net-mvc-3 plugins file-upload sample

【解决方案1】：

您是否阅读了您尝试使用的插件的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"/>

如果你还没有，我邀请你这样做。

【讨论】：

我已阅读文档，但有许多示例以不同的方式工作。为此，我需要一个明确的例子来开始。谢谢你，@darin
@Darin Dimitrov：不要劫持此线程，但您能否就类似线程bit.ly/HMkiWx 提供一些关于回邮路由的指导？任何信息将不胜感激。
目前有 18.168 个答案。你一定是在开玩笑，我的意思是，你一定有自己的克隆人在做繁重的工作……你很接近 o Skeet。 :D 呵呵。一次又一次地感谢达林提供的大量帮助。

【解决方案2】：

我创建了一个sample ASP.NET MVC 3 project on GitHub，展示了如何使用完整的插件功能，包括删除和下载。

【讨论】：