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

Asynchronous File Upload

8 Answers 141 Views
Upload
This is a migrated thread and some comments may be shown as answers.
Sherman
Top achievements
Rank 2
Sherman asked on 28 Nov 2014, 02:28 PM
HI, it is my first time attempting to use the asynchronous file upload method. Normally, I would use the synchronous method for smaller files. But now, I am dealing with video files, which can sometimes be bigger in size, so I want to use the asynchronous method so the user can see the progress (better user experience). I have attached my screenshots for reference.

I also am wondering, is it possible for me to use the ProgressBar in an synchronous file upload? My objective is to use Telerik 100% for my website, so as far as possible, I do not want to rely on any other external script that is not Telerik.

8 Answers, 1 is accepted

Sort by
0
Dimiter Madjarov
Telerik team
answered on 28 Nov 2014, 02:46 PM
Hello Sherman,


The async Upload has a built in progress. Is it not suitable for the current case? If that is the case, you could define a custom template for the files in the list.

Let me know if this information helps or I could provide further assistance.

Regards,
Dimiter Madjarov
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Sherman
Top achievements
Rank 2
answered on 28 Nov 2014, 02:50 PM
Hi sorry, I think I totally forgot to mention what the problem was. On the UI view, it showed that the video was uploaded "Done". But the actual file was never uploaded. Currently, I'm just testing on my local host. I selected a 16mb video file to test in the screenshot provided. Is there something wrong with my codes? 
0
Dimiter Madjarov
Telerik team
answered on 28 Nov 2014, 03:03 PM
Hello Sherman,


I noticed a small mistake in the code - the name of the parameter in the save action should be the same as the name of the Upload widget. In the current case they differ - upVideoPath and files. If you would like to leave them this way, you should add the async.saveField configuration option to the widget instead and set it to "files".

I am looking forward to hearing from you.

Regards,
Dimiter Madjarov
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Sherman
Top achievements
Rank 2
answered on 29 Nov 2014, 03:49 AM
HI, okay, I have attached another screenshot to this reply. The thing is, I have 2 upload controls on the same page. If naming them as files, wouldn't that cause a conflict in any way?

You mentioned I should use async.saveField. How do I write it inside the code? Based on what I have written, could you help give me an example of where u will put äsync.saveField?

Thank you so much! I really appreciate the help!
0
Sherman
Top achievements
Rank 2
answered on 29 Nov 2014, 04:20 AM
Hi, its okay, I have managed to figure that part out on my own. Will share what I have learnt on my blog at a later time, in case others experiences the same issues. http://crossplatformdev.technology
0
Dimiter Madjarov
Telerik team
answered on 01 Dec 2014, 08:17 AM
Hello Sherman,


Thanks for the update. I am glad the issue is resolved.

Regards,
Dimiter Madjarov
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Sherman
Top achievements
Rank 2
answered on 04 Dec 2014, 02:27 PM
Here's my blog post on Asynchronous File upload, in case anyone might encounter the same challenges. Hope it helps!

http://crossplatformdev.technology/upload-control-demystified/
0
Dimiter Madjarov
Telerik team
answered on 04 Dec 2014, 03:16 PM
Hello Sherman,


Thank you for sharing the blog post with the community.

Regards,
Dimiter Madjarov
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
Upload
Asked by
Sherman
Top achievements
Rank 2
Answers by
Dimiter Madjarov
Telerik team
Sherman
Top achievements
Rank 2
Share this question
or