时间戳

首页 > 解决方案 > 部署后未出现静态 .gif

c# - 部署后未出现静态 .gif

问题描述

我的 MVC Web 应用程序上有一个上传按钮，允许用户上传文件。该文件被上传到系统上，并async对该文件执行一些操作，这可能需要 1/2 分钟。当用户按下上传按钮时，我希望 processing.gif 出现，直到上传完成。这在本地工作正常（当用户点击上传时.gif出现直到上传完成）虽然当我部署到AWS elastic beanstalk不.gif出现时。谁能告诉我为什么？

上传视图：

 <h4><strong></strong></h4>

<div class="row">
    <div class="col-md-6 col-md-offset-4">
        <div>
            <p><strong>Upload Surveys for @Model.OfficialSchoolName in .PDF format</strong></p>
            <br />

            <form id="upload" class="btn btn-default" method="post" enctype="multipart/form-data" action="@Url.Action("Upload", "CompletedCamps")" onsubmit="document.getElementById('loading').style.display='block'">
                <div>
                    <input name="file" type="file" class="btn btn-link" required />
                    <br />
                    <button type="submit" class="btn btn-block btn-primary">Import</button>

                </div>

            </form>
        </div>
        <br />
        <br />
        <div style="text-align: center;">
            <img id="loading" src="../../Content/processing.gif" alt="Updating ..." style="display:none;" />
        </div>
        <br />
    </div>
</div>

控制器：

  [HttpGet] 
        public ActionResult Upload(int? id)
        {
            CompletedCamp completedCamp = db.CompletedCamps.Find(id);
            return View(completedCamp);
        }

        [HttpPost]
        public async Task<ActionResult> Upload(HttpPostedFileBase file, int? id)
        {
            CompletedCamp completedCamp = db.CompletedCamps.Find(id);

            string filename = Guid.NewGuid() + Path.GetExtension(file.FileName);
            string filepath = Server.MapPath(Path.Combine("~/Surveys/", filename));
            file.SaveAs(filepath);
            await AzureVisionAPI.ExtractToTextFile(filepath);
            ParseSurveyText parse1 = new ParseSurveyText();
            await Task.Run(() => parse1.ParseTextFile(completedCamp.RollNumber, completedCamp.OfficialSchoolName, completedCamp.Date));



            return View();
        }

下面是按下上传按钮后显示的内容部署与本地

上传已部署与本地

标签： c#asp.netasp.net-mvcamazon-web-services

解决方案

您的img标签具有带值的style属性。display:none那是隐藏processing.gif它看起来应该显示processing.gif何时提交表单的javascript尚未与其余代码一起部署？

推荐阅读