jquery - 如何让 jQuery 的 Uploadify 插件与 ASP.NET MVC 一起使用？

Question

我正在尝试获取 jQuery 插件，Uploadify ，与 ASP.NET MVC 一起使用。

我已经使用以下 JavaScript 代码片段很好地显示了该插件:

<script type="text/javascript">
    $(document).ready(function() {
        $('#fileUpload').fileUpload({
            'uploader': '/Content/Flash/uploader.swf',
            'script': '/Placement/Upload',
            'folder': '/uploads',
            'multi': 'true',
            'buttonText': 'Browse',
            'displayData': 'speed',
            'simUploadLimit': 2,
            'cancelImg': '/Content/Images/cancel.png'
        });
    });
</script>

看起来一切都很好。如果您注意到，“脚本”属性设置为我的/Placement/Upload，这是我的放置 Controller 和我的上传操作。

主要问题是，我很难触发此操作来接收文件。我已在该操作上设置了断点，当我选择要上传的文件时，它不会被执行。

我尝试根据 this article 更改方法签名:

public string Upload(HttpPostedFileBase FileData)
{
    /*
    *
    * Do something with the FileData
    *
    */
    return "Upload OK!";
}

但这仍然没有触发。

任何人都可以帮助我正确编写并获取上传 Controller 操作的签名，以便它实际上会触发吗？然后我可以自己处理文件数据。我只需要一些帮助来触发方法操作。

Answer 1

public string Upload(HttpPostedFileBase FileData) {}

是正确的 - uploadify 上传的文件将绑定(bind)到 FileData。无需进入 Request.Files 来检索文件 - 这使得模拟和测试变得更加困难。

如果您的操作根本没有触发(即尝试调试并查看是否命中了方法内的断点)，那么您的问题很可能是“脚本”值 - 您是否在虚拟目录下运行？如果是这样，您需要将目录的名称放在前面。 Uploadify 使用绝对路径。

即'脚本:'/virtual_directory/Placement/Upload'

现在 uploadify 正在发送至 http://localhost/Placement/Upload .

还可以尝试使用路由调试器 ( http://haacked.com/archive/2008/03/13/url-routing-debugger.aspx ) 来检查路由映射到的位置。