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.
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
0
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
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
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
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
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
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!
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
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
Hello Sherman,
Thanks for the update. I am glad the issue is resolved.
Regards,
Dimiter Madjarov
Telerik
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
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/
http://crossplatformdev.technology/upload-control-demystified/
0
Hello Sherman,
Thank you for sharing the blog post with the community.
Regards,
Dimiter Madjarov
Telerik
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.