.NET Core 2.0 MVC文件上载进度

时间:2018-05-29 11:50:59

标签: c# asp.net-mvc file-upload asp.net-core-mvc azure-storage-blobs

所以我有一段时间试图为我的.Net Core MVC应用程序显示进度条,官方文档也不是很有帮助。

文档:https://docs.microsoft.com/en-us/aspnet/core/mvc/models/file-uploads?view=aspnetcore-2.0#uploading-large-files-with-streaming

我还希望在文件到达我的控制器时将文件上传到Azure blob存储。 用户可以根据自己的喜好上传任意数量的文件。

以下是我上传的代码:

for (int i = 0; i < videoFile.Count; i++)
            {

                long totalBytes = videoFile[i].Length;

                byte[] buffer = new byte[16 * 1024];
                using (Stream input = videoFile[i].OpenReadStream())
                {
                    long totalReadBytes = 0;
                    int readBytes;

                    while ((readBytes = input.Read(buffer, 0, buffer.Length)) > 0)
                    {
                        totalReadBytes += readBytes;
                        var progress = (int)((float)totalReadBytes / (float)totalBytes * 100.0);
                    }
                }

                String videoPath = videoFile[i].FileName;

                await sc.UploadBlobAsync(groupContainer, videoPath, videoFile[i]);
            }

这是我的UploadBlobAsync方法:

public async Task<bool> UploadBlobAsync(string blobContainer, string blobName, IFormFile file) {
        CloudBlobContainer container = await GetContainerAsync(blobContainer);
        CloudBlockBlob blob = container.GetBlockBlobReference(blobName);

        CancellationToken cancellationToken = new CancellationToken();
        IProgress<StorageProgress> progressHandler = new Progress<StorageProgress>(
            progress => Console.WriteLine("Progress: {0} bytes transferred", progress.BytesTransferred)
        );

        using (var filestream = file.OpenReadStream()) {
            await blob.UploadFromStreamAsync(filestream,
                default(AccessCondition),
                default(BlobRequestOptions),
                default(OperationContext),
                progressHandler,
                cancellationToken);
        }
        return true;
    }

我想知道的是:

  1. 根据我的理解,我必须做2个进度条,1个用于客户端机器到我的服务器,而不是从我的服务器到azure。这是对的吗?

  2. 如何向前端显示每个文件的进度?我想象这将是我在控制器中设置的List [i]的ajax请求吗?

  3. 当文件已经缓冲时,我是否在读取while循环中的字节?如果我可以访问文件流,那么该文件是否已在服务器上缓冲?

  4. 如何使用Azure的IProgress实现在结果发生变化时将结果返回给我? Console.Writeline似乎不起作用。

1 个答案:

答案 0 :(得分:0)

从另一个角度来看,您应该尝试使用blob上传的检查机制  进展,样本如下:

 var speedSummary = blobService.createBlockBlobFromStream('mycontainer', file.name, fileStream, file.size, function(error, result, response) {...}

setTimeout(function() {
    if (!finishedOrError) {
        var process = speedSummary.getCompletePercent();
        displayProcess(process);
        refreshProgress();
    }
}, 200);

您可以在此处找到更多详细信息:https://github.com/Azure/azure-storage-node/issues/310

1-您只能使用一个进度条

2-您可以使用最近在github上发布的基于blob上传的进度机制。