Bonjour à tous, je viens régulièrement sur ce forum pour régler des soucis et j'y trouve bien souvent la solution,
mais pas cette fois si,

j'ai un script qui me permet d'afficher une prévisualisation de mon image, j'aimerais que ce script puisse servir pour charger plusieurs images sur la meme pages mais je ne parviens pas à le modifier une bonne ames pourrait m'aider ?

d'avance merci
code du script
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
$(document).ready(function() {
  // Function for Preview Image.
  $(function() {
    $('#imag1a').change(function() {
      if (this.files && this.files[0]) {
        var reader = new FileReader();
        reader.onload = imageIsLoaded;
        reader.readAsDataURL(this.files[0]);
      }
    });
  });
 
  function imageIsLoaded(e) {
    $('#message').css("display", "none");
    $('#preview').css("display", "block");
    $('#previewimg').attr('src', e.target.result);
    $('#filesql').attr('value', e.target.result);
    $('#test').css("display", "none");
    $('#previewimg').css("display", "block");
  };
  // Function for Deleting Preview Image.
  $("#deleteimg").click(function() {
    $('#preview').css("display", "none");
    $('#file').val("");
  });
  // Function for Displaying Details of Uploaded Image.
  $("#submit").click(function() {
    $('#preview').css("display", "none");
    $('#message').css("display", "block");
  });
});
Code de la page appelante
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
<div style="float:left; width:150px; height:150; margin-left:10px; margin-top:10px;">
<input class="input-file" id="imag1a" type="file" style="display:none;">
<label for="imag1a" style=" border:0px; text-align: center;" class="input-file-trigger" tabindex="0">
<img id="previewimg" src="" style=" border:0px; text-align: center; max-height:125px; padding:0px; MAX-width:150px; display:none;" width="auto">
<img id=test src="image/foto.png">
</label>
</div>