c# - 使用 ASP.NET MVC 使用 Ajax 调用上传文件

Question

我想使用以下方法在我的页面中上传文件:

<input type="file" name="FileName">

我有一个按钮，点击一个 ajax post 就完成了。

$.ajax({
           cache: false,
           async: true,
           type: "POST",
           url: '@Url.Content("~/OCR/OCRProcessor")',
           data: '',
           success: function (data) {
               $('#ocrresult').val(data);
           }
       });

我想在 Controller 操作方法中上传文件，如下所示:

HttpPostedFileBase hpf = Request.Files["FileName"] as HttpPostedFileBase 

请告诉我实现此任务的最佳方式。

Answer 1

jquery Forms plugin ( GitHub Link ) 将是这种情况下的理想选择。你可以简单地这样做。 (包括在此表单中输入的文件)

$('#myFormId').submit(function() { 
    // submit the form 
    $(this).ajaxSubmit(); 
    // return false to prevent normal browser submit and page navigation 
    return false; 
});

Demo

这将是一种无插件方法(仅在 Html5 中)，但我仍然推荐该插件

$("#myFormId").submit(function(){

    var formData = new FormData($(this)[0]);

    $.ajax({
        url: "YourPath/ToAction",
        type: 'POST',
        data: formData,
        async: false,
        success: function (data) {
            alert(data)
        },
        cache: false,
        contentType: false,
        processData: false
    });

    return false;
});

另一个不错plugin .