Discussion :

[gisminth]

Bonjour,
Ce code marche pour Mozilla Chrome Opéra
mais pas pour IE et Safari :

HTML

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
  <input type="file" name="photo1" id="photo1"  accept="image/*"  onchange="loadFile(event)"/>
   <img id="divimg1">&nbsp

JS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
  var loadFile = function(event) {
   var li = document.getElementById("divimg1");                  
   divimg1.src = URL.createObjectURL(event.target.files[0]);
   };

J'ai pas trouvé présentement pour donc IE et Safari.

[ABCIWEB]

Salut,

Oui depuis la date de ce topic, il s'en est passé des choses et donc maintenant la solution est createObjectURL. Il y a un bon tuto ici. Pour IE et Safari peut être que tu teste des versions obsolètes, par exemple pour IE c'est minimum la version 10.

Sinon si tu veux un module d'upload tout prêt qui possède ces fonctionnalités et bien plus (surpasse les configurations serveurs, affichage progression, temps restant, sauvegarde etc.) tu peux regarder ici.

[gisminth]

Salut,
Merci de ta réponse rapide et d'expert.
En attendant de plancher sur tes liens je donne mon code simple corrigé pour IE mais qui ne marche toujours pas pour Safari(5.1).
J'ai remplacé "divimg" par li.

JS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
var loadFile = function(event) {
    var li = document.getElementById("divimg");
    li.src = URL.createObjectURL(event.target.files[0]);
    // au lieu de divimg.src = URL.createObjectURL(event.target.files[0]);
};

[ABCIWEB]

Safari 5.1 est obsolète depuis longtemps. Faudrait voir ce que cela donne avec les dernières versions pour mac mais malheureusement on ne peut pas les tester sur pc car non disponibles.