Question

我正忙着为上传文件创建一个等待指示器，但似乎我无法从控制器中触发的POST方法接收任何回调。我一直在寻找半天并尝试了很多不同的解决方案，但在我的案例中似乎都没有。

我有一个模特：

public class FileUploadModel
{
    [Required(ErrorMessage = "Select file(s) to upload.")]
    [Display(Name = "Browse")]
    public HttpPostedFileBase[] Files { get; set; }

    [Display(Name = "File Type")]
    public EFileType FileType{ get; set; }
}

我有一张表格：

@using (Html.BeginForm("FileExchange", "General", FormMethod.Post, new { enctype = "multipart/form-data", id = "uploadform" }))

控制器中的方法：

[HttpPost]
public async Task<ActionResult> FileExchange(FileUploadModel model)
{
    await UploadFiles(model);
    return View("FileExchange");
}

我在javascript / ajax中尝试过以下内容：

<script>
    $(document).ready(function () {
        $("#preloader").hide(); //the wait indicator
        $('#uploadform').on('submit', function (e) {
            e.preventDefault();

            var formdata = new FormData($('#uploadform').get(0));

            $("#preloader").show();

            var url = '@Url.Content("~/General/FileExchange/")'
            //var dataModel = $(this).serialize();
            $.ajax({
                url: url,
                type: "POST",
                data: formdata,
                processData: false,
                contentType: false,
                //dataType: "json",
                success: function (resp) {
                    $("#preloader").hide();
                },
                error: function (resp) {
                    $("#preloader").hide();
                }
            });
        });
    })
</script>

等待指示器正在工作但该方法没有被击中。

当我将模型添加到'submit'函数时：

$('#uploadform').on('submit', model, function (e)

POST方法被命中但等待指示停止工作。几乎看起来“提交”功能不再受到打击。

有关如何解决此问题的任何想法？

Answer 1

我正在寻找更长的时间，我找到了解决问题的方法：

<script type="text/javascript">
    $(document).ready(function () {
        $("#preloader").hide();
    })

    $('#uploadform').on('submit', function () {

        $("#preloader").show();

        $('#uploadform').ajaxForm({
            url: '@Url.Content("~/General/FileExchange")',
            dataType: 'json',
            success: function () {
                $("#preloader").hide();
            }
        })
    })
</script>

这样我可以在触发'submit'时显示指示符，并在成功执行给定URL的POST方法时隐藏指示符。

无法从控制器中的HTTP方法获取回调

1 个答案: