This is a migrated thread and some comments may be shown as answers.

Upload to Azure blob storage slow

1 Answer 39 Views
CloudUpload
This is a migrated thread and some comments may be shown as answers.
Tom
Top achievements
Rank 1
Tom asked on 29 Mar 2021, 01:41 AM

When uploading large video files, the progress bar goes to 100% and then the control hangs.  If I wait long enough, then the FileUploaded event will fire.  
After a 700MB was uploaded, it took an additional 8 minutes for the upload to complete.  After a 30MB file was uploaded, it took an additional 15 seconds to complete.  Reading the files from cloud storage is fast.

Web.config:

<httpRuntime enableVersionHeader="false" targetFramework="4.6" maxRequestLength="1024000" executionTimeout="36000" maxQueryStringLength="4096" />

 

<telerik:RadCloudUpload runat="server" ID="RadCloudUploadVideo" ProviderType="Azure" RenderMode="Auto" AllowedFileExtensions=".mp4, .webm, .ogv"
Localization-SelectButtonText="Select MP4, WebM, or Ogv file to Upload" HttpHandlerUrl="~/Code/handlerVideoUpload.ashx" OnClientFileUploaded="fileUploaded">
<FileListPanelSettings RenderButtonText="true" />
</telerik:RadCloudUpload>

 

Any ideas on what is causing this or how to troubleshoot?

1 Answer, 1 is accepted

Sort by
0
Peter Milchev
Telerik team
answered on 31 Mar 2021, 01:53 PM

Hello Tom,

The progress bar is actually representing the upload to the server, where the file is validated and sent to the cloud. That is why you see the 100% and it looks like the control hangs while it is not. There is a feedback portal item about improving this functionality below. This specific item is for the Amazon provider, but the same is observed for all providers:

As a possible workaround, you can place/load the following override script somewhere after the ScriptManager of the page:

Telerik.Web.UI.RadCloudUpload.RenderingManager.prototype._updateProgressBar = function(row, percents) {
            $(row)
                .find(".rcuProgress")
                .css("width", percents)
                .text(percents);

if(parseFloat(percents)>= 100){
// add tooltip to the progress bar 
 $(row).find(".rcuProgress").attr("title", "Uploading to cloud...");

// add other appearance changes for the progress bar or notify the user
}
        }

 

Regarding the speed, it is probably related to the Azure service itself, for example, if there are some upload speed limits configured/applied. 

Regards,
Peter Milchev
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
CloudUpload
Asked by
Tom
Top achievements
Rank 1
Answers by
Peter Milchev
Telerik team
Share this question
or