在mvc razor中使用jquery上传文件

时间:2012-09-03 17:27:01

标签: razor

我是MVC 3 Razor的新手。如何使用下面提到的Jquery.My代码上传文件

@using (Html.BeginForm())
    {
        <input type='file' name='file' id='file' />
        <input type="Button" value="upload" />
    }

下面提到的限制很少

  • 我无法在html.BeginForm(...)
  • 中定义我的动作和控制器
  • 我不能使用上面上传按钮的type =“submit”。

现在我希望你清楚当我点击上传按钮jquery函数将被调用,并从那里我的动作应该被调用,在控制器我想用上传的文件实现我的逻辑。

请让我知道如何实现这个。???????示例演示??

1 个答案:

答案 0 :(得分:1)

很容易

@using (Html.BeginForm())
    {
        <input type='file' name='file' id='file' />
        <input type="Button" value="upload" onclick="upload()" />
    }

<script>
    function upload() {
        $.ajax({
            type: "POST",
            url: '@Url.Action("Upload")',
            dataType: "multipart/form-data",
            data: $('#file'),
            cache: false
        });
    }
</script>