ik heb onderstaand js voor preview van een foto.
nu wil ik eigenlijk 4 fotos van deze previews naast elkaar van 4 verschillende fotos.
Hoe kan ik dit nu eenvoudig verviervoudigen?
bvd
<html>
<table class="tabel">
<tr style="height:150px">
<td width="25%">
<input type="file" accept="image/*" onchange="loadFile(event)">
<img id="output" style="max-width:100px;"/>
<script>
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>
</td>
</tr>
</table>
</html>