preview met javascript
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
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<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>
<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>
Edit:
Ik heb code-tags geplaatst. Gelieve dit in het vervolg zelf toe te voegen aan je bericht.
Zie ook: Veel gestelde vragen: Welke UBB-codes kan ik gebruiken.
Zie ook: Veel gestelde vragen: Welke UBB-codes kan ik gebruiken.
Gewijzigd op 20/02/2019 21:59:04 door - Ariën -
Er zijn nog geen reacties op dit bericht.