In una precedente discussione avevo il problema di salvare una immagine elaborata in Canvas, problema che poi,riprovando, sono riuscito a risolvere.
Ora ho un problema di generalizzazione. Nel codice che segue carico in Canvas l'immagine 1880.jpg scrivendo il suo nome, conosciuto in precedenza, nel codice.
Ora invece vorrei caricare un'immagine qualunque, di cui non si conosce ancora il nome, in modo dinamico, navigando tra le cartelle del computer e scegliendola con un clic.
Come potrei fare? Desidero qualche suggerimento. Grazie


lanvoel

codice:
<!doctype html>
<html>
<body>
    <div style="position: absolute; left: 200px; top:100px;">
<button onclick="PosizioneCursore()">
  <canvas id="tela" width="600" height="388" Style="border: 2px solid red;">
  </canvas>
</button>
     </div>
<div id="div1" style="border: 2px  solid red; position: absolute; left:800px; top:20px;">
<input type="button" value="carica image" onclick="carica()"><br>
</div>
<script>
var c=document.getElementById("tela");
var ctx=c.getContext("2d");


function carica() {
var img=new Image;
 img.src = '1980.jpg'; // immagine da caricare
 img.onload = function() {
  ctx.drawImage(img,4,4);
 }
}
</script>
</body>
</html>