Question

我有一个控制器用于上传任何类型的文件。它的精简版本是

    [HttpPost]
    public ActionResult Index (HttpPostedFileBase file, string selectedOrgName, string selectedCatName, string previouslyUploadedFilesJSON = null)
    {

           // ...... bunch of stuff 

            try
            {
                file.SaveAs(newFileServerPathAndName); // Saves file with new file name in assets folder
            }
            catch
            {
                throw new Exception("Error when trying to save file to Assets folder.");
            }

       // ... bunch of other stuff

        return View();

    }

，模型就像

@using (Html.BeginForm("Index",
                        "FileUpload",
                        FormMethod.Post,
                        new { enctype = "multipart/form-data", @id ="upload-file-form"}))
{
<div>
        <label for="file">Upload File:</label>
        <input type="file" name="file" id="file" /><br>
        <input type="submit" value="Upload" /><img class="loading-icon hidden" src="/ClientPortal/images/loadinggif.gif"/>
        <input type="hidden" name="selectedOrgName" class="selectedOrgInput" />
        <input type="hidden" name="selectedCatName" id="selectedCatInput"/>
        <input type="hidden" name="previouslyUploadedFilesJSON" value="@ViewBag.uploadedFilesJSON" />
        <br><br>
</div>
}

以及我想知道的是，我是否可以在客户端上设置与saveAs功能的进度相关联的进度条。在谷歌浏览器中，浏览器窗口的底部已经存在类似

的内容

Uploading (31%)

上传文件时，必须有一些方法可以在客户端使用该号码，或者必须有其他方式使用控制器。

Answer 1

最简单的解决方案是在浏览器中执行此操作，因为它显然知道已发送了多少数据。在上传完成之前，您的控制器不会被调用，因此不会这样做，即使您在服务器端有数据，也必须弄清楚如何将数据恢复到浏览器

jQuery对此有一些支持，例如File upload progress bar with jQuery

Answer 2

你应该研究一下SignalR。我们刚刚在MVC应用程序中实现了文件上传的进度条，效果很好。它实现起来非常简单，网上有无数的教程和示例，可以向您展示如何连线。

客户端的进度条是否可以链接到saveAs（）的进度？

2 个答案: