preview met javascript

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

John Brat

John Brat

20/02/2019 21:34:26
Quote Anchor link
Hallo.
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)
PHP script in nieuw venster Selecteer het PHP script
1
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>

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.
Gewijzigd op 20/02/2019 21:59:04 door - Ariën -
 
Er zijn nog geen reacties op dit bericht.



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.