如何在进度条中显示文件上传进度 - Amazon S3 存储桶

Question

在将文件上传到 Amazon S3 时，我想在网页的进度栏中显示文件上传进度……

在我的网页上，我从文件输入中选择一个文件，该文件使用 Ajax POST 请求调用我的控制器。

在控制器中，我从发布的请求中提取文件。

var hpf = Request.Files[1];

然后我调用一个使用 AmazonS3Client 的方法..

UploadVideoMultiPart(hpf.InputStream,fileName)

上述方法完美地完成了向 S3 的上传，并在此过程中重复发送上传的字节数。

public static void UploadPartProgressEventCallback(object sender, StreamTransferProgressArgs e)
        {// Process event. 
            Var progress = (string.Format("{0}/{1}", e.TransferredBytes, totalContentLength));
        }

例子：

TransferredBytes TotalBytes

8778 152652556

2562 152652556

如何在不停止上传线程的情况下将数据从 UploadPartProgressEventCallback 发送回浏览器。

如果我能得到这些数据，我就能更新我的进度条。

Answer 1

你需要一些东西在你的服务器和客户端之间进行通信

SignalR 是您在这种情况下的救星，在 SignalR 的帮助下，您可以将内容从服务器端推送到客户端。

完整的文档在这里SignalR@GitHub

您也可以关注这些
web resources

（假设您已浏览上述链接）

现在回到您的需求，

您甚至可以挂钩 SignalR 广播，即可以调用客户端方法和管理 Hub 类之外的组

这里有一个很好解释的例子In this Example

虽然如果你不熟悉它会学习新的api，但相信我不会花太多时间掌握它，

Answer 2

您是否考虑过从您的网页将文件直接上传到 S3，而不是返回到您的网络服务器？ （这将使您能够更轻松地控制进度条）

详情可以在这里找到：

• http://docs.aws.amazon.com/AmazonS3/latest/dev/UsingHTTPPOST.html
• http://docs.aws.amazon.com/AmazonS3/latest/dev/HTTPPOSTExamples.html（示例）

下面的SO文章也详细讲了这个

• Amazon S3 direct file upload from client browser - private key disclosure