Upload field on Wix form doesn't upload file to Media Manager

Ask the community
, ,
1

Hello

I set up a Wix Form (V2) on my Wix Studio site with an upload field. When I fill the form (including the upload field) and submit, the file does not get uploaded to Media Manager. According to documentation, the files should appear in Media Manager after form submit:

“When visitors upload files to your forms, they are saved in Site Files in the Media Manager”

Stated in this page: Wix Forms: Adding a File Upload Field | Help Center | Wix.com

I have a Wix Studio Standard plan, and according to this page I should be able to use the upload field: Wix Forms: Upgrading Wix Forms | Help Center | Wix.com

When I look at the form submissions, the files are there. But when I go to Media Manager they’re nowhere to be found.

Another approach I took was to use Velo’s form functions to access the field data. In my front end Javscript code I have this function which gets called via the onSubmitSuccess event:

export async function handleFormSubmit(){
var form_fields = $w(‘#form1’).getFieldValues();
console.log("Form values: " + JSON.stringify(form_fields));
}

The form_fields object has this for the upload field value (some values hidden for privacy):

[{
“fileId”:“~id~”,
“displayName”:“my-file.pdf”,
“url”:“~url~”,
“fileType”:“application/pdf”
}]

So in summary does anyone know either:

  1. Why aren’t the files being uploaded to Media Manager after form submit?
  2. Using .getFieldValues() - can I use the “url” parameter in the file object? Right now that string only contains the second half of the url (it starts with “/long-string-value”). Does anyone know what the first half of the url is?
2

It seems you are using onSubmitSuccess() and getFieldValues() which are meant to be used for client side operations.

Since you want information about the uploaded file associated to the form submission, I recommend trying out the onSubmissionCreated() event which should contain information about the media uploaded inside of the “submissions” object returned within the event parameter object.

3

Thank you for the recommendation @thomasj. I tried this and got the file info within the “submissions” object. However it’s not clear how to access the file:

  1. The file still doesn’t appear in Media Manager
  2. The file info within submissions object looks like this:
    [{
    “fileId”:“~id~”,
    “displayName”:“my-file.pdf”,
    “url”:“~url~”,
    “fileType”:“application/pdf”
    }]

The “url” parameter is only the path i.e. starts with “/some_file_path”. But what is the domain of this url? It’s not the root of my site. I tried adding this file path string to the root of my site but nothing is there (404 error).

Do you know how I can use this file path in the “submissions” object to access the uploaded file?

Thank you for any help here.

4

@thomasj should I consider this a bug with Wix forms V2? Any file uploaded via the form is not being uploaded to Media Manager. Also, it’s not clear what the “url” field within the “submissions” object is pointing to.

5

I’ll follow up with more details as soon as I have more information about the file url format given via the onSubmissionCreated( ) event.

In the meantime, if you need access to the File URL created by the form submission, one potential solution is retrieving the submission item from the Wix App Collection associated to the Wix Form using the Wix Data API.

To get the collection ID you can go to the ‘Databases’ panel and copy the collection ID for use with the Wix Data API.

Screenshot 2024-08-22 at 12.03.20 PM

You will retrieve a static url (permanent) which can be used to generate a temporary urls if needed for private files using generateFileDownloadURL().