How to upload image

Ask the community
,
1

Hello,
How to let visitors upload image on the website and the image itself appears.
When someone upload an image, the name of the image appears only. But what I want is that the image itself appears. Not like in the attached photo.

Thank you

864×292 25.4 KB

2

add imeg


  $w("#uploadButton3").fileType = "Image"; // Site visitor can choose an image 
$w('#uploadButton3').onChange(async()=>{
  if ($w("#uploadButton3").value.length > 0) {  // Site visitor chose a file
    $w("#uploadButton3").uploadFiles()
      .then( (uploadedFiles) => {
        uploadedFiles.forEach(uploadedFile => {
          $w('#image4').src = uploadedFile.fileUrl
        })
      } )
      .catch( (uploadError) => {
      console.log("File upload error: " + uploadError.errorCode);
      console.log(uploadError.errorDescription);
      } );
  }
  else {  // Site visitor clicked button but didn't choose a file
    console.log("Please choose a file to upload.")
  }
   })