Tengo un formulario simple en html que se ve así:

 <form method="post" id="postImageForm" action="storeImage.php"> <input type="hidden" name="image" id="image-tag"> <button class="capture-button" type="submit" value="submit"></button> </form>

y un Javascript eventListner :

 PostForm.addEventListener('submit', function(e){ e.preventDefault(); let imageTag = document.getElementById('image-tag'); html2canvas(displayScreen).then(canvas=>{ imageTag.value = canvas.toDataURL(); appendThumbnail(canvas.toDataURL()); console.log("inside the promise: "+imageTag.value) //valid results. }); console.log("outside the promise: "+imageTag.value); //empty results. })

mi archivo php recibe un valor vacío y también lo está mi console.log() fuera del alcance de la promesa .

¿Cómo se puede arreglar para enviar el valor a POST ?