How can i let user to upload image into a listview using cloudDB and base64/

Lucy_Tan · December 17, 2023, 4:36am

i am trying to make a online flea market app, that has a listview on main page showing imge user upload and description of the item. The user should be able to type in name and detail of the item and upload it to the cloudDB and on another page, he/she should be able to see the item added and displayed on the listview.
here is my code, i don't understand why it doesn't work.

TIMAI2 · December 17, 2023, 11:38am

You do not say which part does not work?

I am guessing it is the display of an image. Look at the value of Image1.Picture. You will probably see it is empty, as the extension puts the base64 string to image on a different layer. Unfortunately the listview cannot show a datauri either.

You will need to convert the base64 string to a file, then set the file path in the listview.

Alternatively, you can save the image directly to the cloudDB in a separate tag, using a full path to the file (provided by the camera afterPicture block), then retrieve it along with the tag containing the data.

I would recommend you resize/rotate/crop your photos to at least the size you intend to display them, to reduce storage space and upload/download times. Default photo sizes can be anywhere from 2mb - 8mb.

Lucy_Tan · December 21, 2023, 11:50am

The problem is the app reports an error when I move from screen 1 to 2.
In the first option, should I store the file again into the cloudDB?
In the second option, I cannot store image directly into the cloudDB, it reports an error. And after the afterimage block, I can only retrieve the image, but not the file path…I don’t know how to do that.