All Free <Script>

16 Ottobre 2018

Questo script si occupa di visualizzare in anteprima un’immagine prima che venga caricata sul server. Questo si può ottenere utilizzando la funzione URL.createObjectURL() sul tag <input file>. Questo url viene passato a <img> per dire al browser di caricare l’immagine. Di seguito il codice javascript:

<script language="Javascript">
    var caricaFile = function(event) {
    var output = document.getElementById('output');
    output.src = URL.createObjectURL(event.target.files[0]);
  };
</script>

Questo è invece il codice html

<input name="file" type="file" accept="image/*" onchange="caricaFile(event)">
<img src="default.gif" border="0" id="output">