This is my site: https://www.solidaritysky.com/submit
I have created a form which works perfectly on desktop and the preview window on the mobile version. However I am having issues using the upload botton in the mobile version. When I click the button it changes state (changes colour - with the hover feature), but nothing else happens. I can click many times and the button continues to change over and over, but is not responsive. As I said, there are no problems in the desktop or mobile preview views.
If I could make the upload button work on one click, I believe this maybe be a work around.
Any ideas/help would be great!
Thanks 
1 Like
The upload button won’t work with just the one click as it works in two parts, the only part that would work for you with just the one click would be the file upload to the button itself.
You can see more about it in detail in the Wix API Reference for Upload Button.
https://support.wix.com/en/article/adding-and-setting-up-an-upload-button
https://www.wix.com/corvid/reference/$w.UploadButton.html
Typical File Upload Scenario
In a typical scenario, the page from which files are uploaded contains an upload button and another element, such as a regular button. The site visitor chooses which file to upload by clicking the upload button and selecting the file in a native file chooser dialog.
At that point the file is stored in the upload button’s value property as a File object. Then the site visitor triggers an event, such as a button click, on the other element. That element’s event handler calls the startUpload() function to perform the actual upload. The upload either succeeds and gives you an UploadedFile object, or fails and gives you an UploadError object.
So, in a basic user input form you would have the upload button which the user uses to upload an image for example and then a submit button which would actually save the users image to a specific dataset that you want.
There is also a code example from Wix where you can view image as well.
https://support.wix.com/en/article/corvid-tutorial-using-the-upload-button-with-code
Thanks for the information and the link. I understand the central working of the button - that t he site visitor chooses which file to upload by clicking the upload button and selecting the file in a native file chooser dialog. At that point the file is stored in the upload button’s value property as a File object. Then the site visitor triggers an event, such as a button click, on the other element.
My problem is that when using the page through some phone browsers (pspecifically when navigating to the page via a link on Instagram), the upload button is unresponsive, and DOES NOT open a file chooser dialogue.
In the editor and using Google Chrome, this works fine. However in the particular instance of being linked through Instagram, not at all. When pressed, the button changed colour, to indicate a hover, and then back to its original starting colour once clicked again, but nothing happens - even if you click it 100 times! I was hoping maybe a ‘one click’ upload would open the file chooser dialog is just one click, rather than two (which usually works) , to try and get around this.
Does this make sense? Any help would be great as it’s driving me insane!
Hi ! I’m facing the exact problem and I’m stuck without solution or workaround.
@givemeawhisky Would you have any piece of advice to solve the issue ?
@lukefconroy Did you figure out a way to make it work, or did you manage to find another way to achieve the same thing ?
Nope, never found a workaround and Wix basically said there is !
Hi Luke, thank you for replying so promptly !
@givemeawhisky 's answer puts focus on the 2-step scenario, which we are already doing. The issue is not that we want a 1-step operation, but that the 2-step operation doesn’t work on mobile devices with native browsers, even on latest phones. Exemple: when opening a link to the Wix website from instagram, or from an email app that has an embedded native browser.
The issue with links from Instagram is the main concern in my situation.