Image upload button won't link to database collection

Ask the community
3

I moved the post to feature request and can tell you it is not a bug and is coming soon.
Meantime, you can use code to connect an upload button to the form while connecting the rest of the elements the regular way.

Follow the next steps:

  1. Connect all elements except the upload button and the button you use for submit.
  2. Add code to upload the file on the submit button and click and then save the form with the uploaded URL to the database.
$w('#myButton').onClick( () => {
 if ($w("#myUploadButton").value.length > 0) {
  // user chose a file     
   console.log(`Uploading '${$w("#myUploadButton").value[0].name}'`); 
   $w("#myUploadButton").startUpload() 
    .then( (uploadedFile) => {
           console.log("Upload successful. File is available here:");
           console.log(uploadedFile.url);
           $w("#myDataset").setFieldValue("image", uploadedFile.url);
           $w("#myDataset").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.")
         }
  } );