Huge problems with uploading pics

Ask the community
,
1

We are beta-testing the site and it is not going well. Nobody is able to upload pics. It´s not that the tech is not working, it is a user interface problem. Read and weep:

  1. how it works now is like this: user clicks ‘Change image’ and selects a JPG from his device
  2. underneath the pic place holder appears the filename of the pic to be uploaded, with an X in front of it
  3. nobody understands this. They do not see the pic name (there is a screen change inbetween pushing button and selecting a pic plus a scroll)
  4. they await for the pic to be uploaded, with a percentage bar or whatever. But this is not the case. They have to go down to the form and select save, which nobody does or understand.
  5. You can put as many help text in there, but nobody reads it. I speak from experience. People just click and click, they do not read. They just expect a kind of behaviour they are used to.

Can´t you just implement the pic uploading process from your own environment: you choose a pic from either Gallery (not existing now) or HD, you click it, progress bar is shown and done?
That is what they expect and that is what they want.

Is there any way I can solev this UI problem?

2 Likes
2

I agree that a more standard behavior is needed.

3

Hi Giri,

You can either place the document upload button next to the save button or trigger a save() once a file was selected by registering to the onChange event:

//...

export async function uploadButton1_change() {
	//user selected a file
	await sleep(1000);
	$w('#dataset').save();
}

function sleep(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

//..
4

Yes, I am contemplating exactly that (amongst other solution). But why the sleep? Why not just wait for the Save to be resolved on onAfterSave? Or does it something else?
Other options I am thinking about:

  1. somehow trigger in code a click on the dataset Connect (=Submit) button, but I can´t find any doc. about this
  2. copy that same button 6 times (I have 6 pics) and place it next to each Upload button and let the user click it (ugly)

So I prefer a .Save() like you proposed or (1) if that is possible, Could you help me out here?

5

OK, I am changing a lot, but I run into a difficulty.

  1. when a user now selects a pic, I Save it immediately as Ido suggested. This works
  2. there was still a Save button at the buttom of the form to save the form (which used to save every pic which users didn´t understand)
  3. if you click it, Wix notes there are no changes (with every picture the whole form is saved). Since last week with Tomer, I believe, the Save on an unchaged dataset no longer returns an error. But, as I noted, the onAfterChange is not raised and still isn´t
  4. therefor my spinner ("Please wait) doesn´t go down on the onAfterChange
  5. so I disconnected the Submit button from the dataset and replaced it with a Save in code on the Onclick
  6. that Uploads all 6 pictures again, not what we wanted
  7. so on the onItemValuesChanged I set a isDirty boolean, to see if a field has changed a don´t save if it is false
    8)but … if a user changes a pic (which now uploads by a Save, the onItemValuesChanged is raised! So we are about to Save the picture (=upload) again. So I need to know if it was a picture that set the flag, in order to set the boolean to false
  8. onItemValuesChanged has two params: itemBeforeChange and updatedItem. I dont really know what they hold, so I console.log updatedItem, but I get “Object”, nothing else.

Question: does this itemBeforeChange and updatedItem really work and if so, what are the fields in the collection called, so I can go in with my checking?

6

People, any news about the onItemValuesChanged as explained above. I really need an answer. It looks as if it doesn´t work.

7

For god’s sake we need this. I am pretty sure this will not take the WIX team 5 minutes to implement!!! I searched the fearure requests and found that this has been a common problem for so many!!! Why dont u just implement the feature instead of trying to individually resolve it?!

8

Hello, I continue to receive errors when attempting to upload any media to my site. Images, videos, media from Wix, Shutterstruck, and Unsplash. I receive an error message each time I attempt to upload or change an image.