在asp.net中加载图片

Question

编辑

我有一个上传结果操作，返回新页面可能需要几分钟。 我想设置一个div或一个加载图像。

我不知道为什么，但是我觉得这不是正确的方法。 在ASP.NET中显示加载屏幕/添加加载图像的正确方法是什么。

我有这个：

    [HttpPost]
    public ActionResult UploadTarget(UploadViewModel model)
      {
    //code that takes minutes
    return RedirectToAction("UploadSuccess", "Upload");
    }

我如何在开始运行uploadtarget函数之前触发一个函数。

<script>
    function wait() {
       document.getElementById("wait").innerHTML = '<img src="/Images/wait.png" alt="Smiley face" height="42" width="42"> ';
    }
</script>

<div class="col-md-6">
     @using (Html.BeginForm("UploadActual", "Upload", FormMethod.Post, new { enctype = "multipart/form-data" })) {
           @Html.AntiForgeryToken()
           @Html.EditorFor(model => model.Remark)
           @Html.ValidationMessageFor(model => model.Remark)
           <input onclick="wait()"type="submit" value="Create" class="btn btn-   primary btn-lg"/>
}
</div>

<div id="wait"class="col-md-6"></div>

它在RedirectToaction之后运行我的JavaScript函数。 因此，它不再执行任何操作。 我怎样才能解决这个问题？ 用C＃或JavaScript？ 还是有其他好的解决方案？

Answer 1

您可以立即显示图像，然后在超时时提交表单，以使图像有时间显示。 像这样：

function wait() {
   document.getElementById("wait").innerHTML = '<img src="/Images/wait.png" alt="Smiley face" height="42" width="42"> ';
   setTimeout(function(){document.getElementById("myForm").submit()},10);
}

<input onclick="wait()"type="button" value="Create" class="btn btn-   primary btn-lg"/>

其中“ myForm”是表单的ID。