anteprima immagine per form diversi

[Vincent.Zeno]

ho una pagina che contiene più form da dove caricare file.
nessun problema se il form è uno solo: la funzione rintraccia il tag img con id="output" e mostra l'anteprima del file.
che fare per rendere dinamica la cosa?
l'id del tag img lo posso modificare dinamicamente incrementandolo (es output1, output2 ecc...)
come modificare la funzione loadFile per fargli trovare l'id outputN corretto?

<form >
<img id="output" src="demo.gif" >
<input name="File" type="file" accept=".jpg, .jpeg" onchange="loadFile(event)" >
</form>

<script type="text/javascript" >
  var loadFile = function(event) {
    var reader = new FileReader();
    reader.onload = function(){
      var output = document.getElementById('output');
      output.src = reader.result;
    };
    reader.readAsDataURL(event.target.files[0]);
  };
</script>

[cavicchiandrea]

<form >
<img id="output1" src="demo.gif" >
<input name="File"   type="file" accept=".jpg, .jpeg" onchange="loadFile(event,1)" >
</form>
Poi ripeti i form n volte 
<script type="text/javascript" >
  var loadFile = function(event,n) {
    var reader = new FileReader();
    reader.onload = function(){
      var output = document.getElementById('output'+n);
      output.src = reader.result;
    };
    reader.readAsDataURL(event.target.files[0]);
  };
</script>

[Vincent.Zeno]

ottimo, grazie