在mvc razor中使用jquery上传文件

在mvc razor中使用jquery上传文件,razor,Razor,我是MVC3Razor的新手。如何使用Jquery上传文件。下面提到我的代码 @using (Html.BeginForm()) { <input type='file' name='file' id='file' /> <input type="Button" value="upload" /> } @使用(Html.BeginForm()) { } 下面提到的限制很少 @using (Html.BeginForm()

我是MVC3Razor的新手。如何使用Jquery上传文件。下面提到我的代码

@using (Html.BeginForm())
    {
        <input type='file' name='file' id='file' />
        <input type="Button" value="upload" />
    }
@使用(Html.BeginForm())
{
}
下面提到的限制很少

@using (Html.BeginForm())
    {
        <input type='file' name='file' id='file' />
        <input type="Button" value="upload" />
    }
  • 我无法在html.BeginForm(…)中定义我的操作和控制器
  • 我无法使用上述上传按钮的type=“submit”
现在我希望你们清楚,当我点击上传按钮时,jquery函数将被调用,从那个里我的操作应该是调用,在控制器中,我想用上传的文件实现我的逻辑

请让我知道如何实现这一点。任何示例演示都很简单

@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>
@使用(Html.BeginForm())
{
}
函数上传(){
$.ajax({
类型:“POST”,
url:“@url.Action(“上载”)”,
数据类型:“多部分/表单数据”,
数据:$(“#文件”),
缓存:false
});
}