How to implement user-specific file uploads in a client portal with Memberstack? Answered

Hello everyone, quick question. Is it possible to include an file upload element in an onboarding form and then display that upload in the user's dashboard? i.e customer uploads a pdf and then they can view the pdf in their dashboard

Comments

8 comments

  • Comment author
    Abdelhalim WithDev

    I think you may store the File URL in a custom field for each user.

    There are two approaches that I am aware of:

    1. you store files in a CMS or Airtable where you also have users database and then you get the URL from there. (complex and require you to have duplicated database)
    2. you can use something like uploadcare uploader and you directly get the url from the hidden input field associated with their uploader. (once a user uploads a file it's translated into a URL in an HTML element value), you pick that value and store in a member custom field
    0
  • Comment author
    Luca Defreitas Hansen

    Thanks for your reply!

    re 2: How would you showcase the submitted file in the dashboard? The submission comes through via email on the form but doesn't upload into Memberstack. Any ideas?

    0
  • Comment author
    Duncan from Memberstack

    Checkout these MemberScripts from Julian. I think they’ll be helpful to you.
    https://www.memberstack.com/scripts/97-upload-files-to-s3-bucket
    https://www.memberstack.com/scripts/file-upload-field

    0
  • Comment author
    Waqar Naqshbandi

    Hey everyone, is there a way to integrate file uploads with Memberstack?

    Basically, I have a portal for my clients, where one of the things they will do is upload files. If I use Web Flow or any other form system for that, I don't have any way of knowing which user submitted which files.

    I do have some ideas like for example if I add a field that populates the user name automatically using attributes while they upload the files but that is still quite a pain when it comes to managing those files.

    0
  • Comment author
    A J

    Hey Waqar Naqshbandi, you can integrate file uploads and pass on the URL of the file in a custom field in Memberstack. You can find file upload related memberscript if you search for it, one such memberscript is this, which takes in the file upload, uploads it to google drive, additionally you can store such URL in the custom field in Memberstack if you require.

    0
  • Comment author
    Waqar Naqshbandi

    Hey bro, thanks a lot for this.

    After further thought into it, I need multiple file uploads every time and the upload button in the link you share will only allow one file upload at a time, I was thinking of using something like upload care, is there anything available regarding that?

    0
  • Comment author
    A J

    Hey Waqar Naqshbandi, if you want to allow multiple file uploads, you can probably add a line in the memberscript and see if it works.

    After the following line in the memberscript

    fileInput.required = true;

    you can add this line:

    fileInput.multiple = true;

    In case, you want to go with Uploadcare, you can do so, I was not able to find a demo project for that yet. You will have to explore a way to push the uploaded file URL to Memberstack field via custom code probably. Hope this helps.

    0
  • Comment author
    Waqar Naqshbandi

    Thanks a lot, I went with Uploadcare since the project was urgent, but it's good to have this info in case someone else needs it or I need it again.

    Thanks a lot for your help.

    0

Please sign in to leave a comment.