I have been able to get my members to upload their images to the dataset, but the gallery just does not want to show anything. It will have one blank picture with the wheel spinning as if it is trying to load, but does not load. The code is not working perfect, I need to add a refresh again but this is what I have right now:
Thank you for any suggestions and help
export function button1_click(event) {
if ($w(“#uploadButton1”).value.length > 0) {
$w(“#text17”).text = Uploading ${$w("#uploadButton1").value[0].name};
$w(“#uploadButton1”).startUpload()
.then( (uploadedFile) => {
$w(“#text17”).text = “Upload successful”;
$w(“#image13”).src = uploadedFile.url;
})
. catch ( (uploadError) => {
$w(“#text17”).text = “File upload error”;
console.log(Error: ${uploadError.errorCode});
console.log(uploadError.errorDescription);
});
}
else {
$w(“#text17”).text = “Please choose a file to upload.”;
}
}
$w(‘#button1’).onClick( () => {
if ($w(“#button1”).value.length > 0) {
// user chose a file
console.log(Uploading '${$w("#button1").value[0].name}');
$w(“#button1”).startUpload()
.then( (uploadedFile) => {
console.log(“Upload successful. File is available here:”);
console.log(uploadedFile.url);
$w(“#dataset1”).setFieldValue(“image”, uploadedFile.url);
$w(“#dataset1”).save()
.then( (item) => {
console.log(“Save successful”);
let fieldValue = item.fieldName;
} )
. catch ( (err) => {
let errMsg = err;
} );
} )
. catch ( (uploadError) => {
console.log(File upload error: ${uploadError.errorCode});
console.log(uploadError.errorDescription);
} );
} else {
// user clicked button but didn’t chose a file
console.log(“Please choose a file to upload.”)
}
} );