File upload

10 posts, 0 answers
  1. Rick
    Rick avatar
    48 posts
    Member since:
    Sep 2017

    Posted 25 Sep 2019 Link to this post

    Do you have a time table on a file upload component?

    I put together a working file uploader with a file type input and Blazor.FileReader but a built in component would be nice.

     

    Also a request from one of our staff here, they would prefer if the file upload was a drag and drop.

     

    A file upload that supports file browser and drag and drop would be nice.

  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    5240 posts

    Posted 26 Sep 2019 Link to this post

    Hello Rick,

    You can Follow this page for updates on it (I have added your Vote for your): https://feedback.telerik.com/blazor/1397642-upload-async.

    There are issues with handling files in Blazor yet, and we need to wait for a built-in solution to arrive, so we can step on it and enhance the UI and UX. The following blog explains those problems quite well, and offers a solution that can be used for the time being: https://blog.stevensanderson.com/2019/09/13/blazor-inputfile/.

     

    Regards,
    Marin Bratanov
    Progress Telerik

     UI for Blazor
  3. Ryan
    Ryan avatar
    3 posts
    Member since:
    Feb 2020

    Posted 18 Mar Link to this post

    Any updates on the File Upload?
  4. Svetoslav Dimitrov
    Admin
    Svetoslav Dimitrov avatar
    59 posts

    Posted 18 Mar Link to this post

    Hello Ryan,

    The Upload component is live! You can check the demos here: https://demos.telerik.com/blazor-ui/upload/overview and the corresponding documentation here: https://docs.telerik.com/blazor-ui/components/upload/overview.

    Regards,
    Svetoslav Dimitrov
    Progress Telerik

     UI for Blazor
  5. Ryan
    Ryan avatar
    3 posts
    Member since:
    Feb 2020

    Posted 18 Mar in reply to Svetoslav Dimitrov Link to this post

    Thank you very much!
  6. Svetoslav Dimitrov
    Admin
    Svetoslav Dimitrov avatar
    59 posts

    Posted 19 Mar Link to this post

    Hello Ryan,

    I hope you had the chance to explore the feature of the new Upload component and you had great experience while using it!

    Regards,
    Svetoslav Dimitrov
    Progress Telerik

     UI for Blazor
  7. Gary
    Gary avatar
    3 posts
    Member since:
    Aug 2019

    Posted 31 Mar in reply to Svetoslav Dimitrov Link to this post

    Svetoslav,

    Is that your first name?  I would not want to insult you.  :-) 

    I need to upload small text files into memory on my front end Blazor app, and pass the text to an API where I will drop it into Azure Keyvault.  Is this the right tool to use?

  8. Marin Bratanov
    Admin
    Marin Bratanov avatar
    5240 posts

    Posted 01 Apr Link to this post

    Hello Gary,

    Yes, that's his first name, but I'm jumping back on this thread as he is working on another task at the moment.

    The TelerikUpload component does something slightly different - it sends the files to an endpoint on a server (might not even be the same server that hosts the blazor app, might not even be your server at all). It does not give you the file stream in the Blazor app. We decided to do that async upload to an endpoint for two reasons: 1) it was what was requested more often and 2) it's the one that's harder to do (requires quite a bit more JS Interop).

    So, if this will serve you (e.g., you can add a controller in your app to handle the upload from client to server, and then save it to the vault), it can be the right tool for the job.

    To get the memory stream (or any stream, or a byte[]) into your Blazor app code, you need a FileSelect type of component which typically does not upload the file but just gives you an event with the stream/array. We don't have one as part of our component suite (you can post a feature request on our portal if you want to see one implemented), but you can find an example of making it in our demos - we use it on our Document Processing demos - at the moment it is ~/Shared/FileUpload.razor (it also has some JS Interop, so take a peek at the _Hosts.cshtml) and with our next release it will be called DemoFileSelector.razor to avoid confusion with a built-in component in the suite, but the code will be the same.

     

    Regards,
    Marin Bratanov
    Progress Telerik

    Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
    Our thoughts here at Progress are with those affected by the outbreak.
  9. Ryan
    Ryan avatar
    3 posts
    Member since:
    Feb 2020

    Posted 07 Apr Link to this post

    Is there anyway to read a filestream instead of having to save the file to the server using the TelerikUpload component?
  10. Marin Bratanov
    Admin
    Marin Bratanov avatar
    5240 posts

    Posted 07 Apr Link to this post

    Hello Ryan,

    You can Follow the implementation of such a component in this page: https://feedback.telerik.com/blazor/1460649-fileselect-component. It also offers a way to get it right now with a little bit of code based on our demos.

     

    Regards,
    Marin Bratanov
    Progress Telerik

    Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
    Our thoughts here at Progress are with those affected by the outbreak.
Back to Top