如何在文件上传时显示成功警报？

Question

我目前正在做一个项目，我使用以下代码上传文件：

<div class="row">
        <div class="col-lg-2 d-flex align-items-stretch">
            @using (Html.BeginForm("ImportOther", "Mapper", FormMethod.Post, new { enctype = "multipart/form-data" }))
            {
                   <p>
                       <label class="btn btn-block btn-primary">
                           Other JSON / XML <input type="file" name="jsonFileOther" onchange="this.form.submit()" style="display: none;">
                       </label>
                   </p>
            }
        </div>
    </div>

如何在文件上传后显示成功提示？到目前为止，我已经在 javascript 中使用了警报。希望任何人有一些建议。

提前致谢！

Answer 1

将表单提交到 Controller 后，根据上传结果，您可以使用 ViewBag 设置消息。

在你的Controller中：

if(fileUpload == true)
{
ViewBag.UploadMessage = "File Successfully Uploaded";
}
else
{
ViewBag.UploadMessage = "Could Not Upload File";
}

您可以在 View:

中像这样使用 ViewBag

@if(ViewBag.UploadMessage != null)
{
<script>

$(document).ready(function(){

alert('@ViewBag.UploadMessage ');

});

</script>

}

注意：不要使用 return RedirectToAction()，而是使用 return View() 来保留您的 ViewBag 变量。