Asynchronous File Upload

9 posts, 0 answers
  1. Sherman
    Sherman avatar
    21 posts
    Member since:
    Apr 2014

    Posted 28 Nov 2014 Link to this post

    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.
  2. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2159 posts

    Posted 28 Nov 2014 Link to this post

    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.

     
  3. UI for ASP.NET MVC is VS 2017 Ready
  4. Sherman
    Sherman avatar
    21 posts
    Member since:
    Apr 2014

    Posted 28 Nov 2014 Link to this post

    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? 
  5. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2159 posts

    Posted 28 Nov 2014 Link to this post

    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.

     
  6. Sherman
    Sherman avatar
    21 posts
    Member since:
    Apr 2014

    Posted 28 Nov 2014 Link to this post

    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!
  7. Sherman
    Sherman avatar
    21 posts
    Member since:
    Apr 2014

    Posted 28 Nov 2014 Link to this post

    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
  8. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2159 posts

    Posted 01 Dec 2014 Link to this post

    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.

     
  9. Sherman
    Sherman avatar
    21 posts
    Member since:
    Apr 2014

    Posted 04 Dec 2014 Link to this post

    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/
  10. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2159 posts

    Posted 04 Dec 2014 Link to this post

    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.

     
Back to Top
UI for ASP.NET MVC is VS 2017 Ready