1. Accueil
  2. Question et réponse
  3. L'ajout d'images dans Firefox et chrome problème

L'ajout d'images dans Firefox et chrome problème

2010-11-02 5 views
3 
<html> 

<body> 

    <form name="Upload" enctype="multipart/form-data" method="post"> 

     Filename: <INPUT type="file" id="submit"> 

     <INPUT type="button" id="send" value="Upload"> 

    </form> 

    <div id="div" align="center" style="height: 200px;width: 500px;border-style: ridge;border-color: red"></div> 

</body> 

<script type="text/javascript"> 



var img_id=0 

var image = new Array() 

document.getElementById('send').onclick=function() 

{ 

    img_id++ 

    var id="imgid"+img_id 

    image = document.getElementById('submit').value; 

    document.getElementById('div').innerHTML="<img id='"+id+"' src='"+image+"' width=500px height=200px>" 



} 



</script> 



</html>

avec ce code est qu'il est seulement travailler dans IE pas dans un autre navigateur (firefox, chrome, etc ....) Merci à l'avance.L'ajout d'images dans Firefox et chrome problème

Edit: (mis à jour mon poste en réponse à Naren, Bitslitter de) Les gars, ici le texte à ajouter à la discussion affichée ci-dessous:

Merci les gars pour les commentaires, les commentaires de Naren et Bitslitter était vraiment instructif.

Voulez-vous s'il vous plaît recommander comment s'y prendre pour atteindre ce que je veux faire ici:

Dans mon application web, il y a un bouton, après avoir cliqué sur un bouton, un navigateur boîte de dialogue apparaît demandant un fichier d'image , l'utilisateur sélectionne une image, l'image s'ouvre dans l'application Web. Il est important pour moi que le navigateur ouvre l'image depuis le serveur local, car je veux utiliser la balise canvas HTML5 pour lire les pixels et ensuite convertir dynamiquement ces pixels en SVG (en utilisant JS). Tout cela semble plus compliqué qu'il ne devrait l'être.

Des applications Web comme Mugroom's Darkroom (http://mugtug.com/darkroom/) ont été capables de réaliser exactement ce que je voulais.

Source

2010-11-02 Abdul Rauf

+1

Il fonctionne dans Firefox 3.6. Quelle est l'erreur que vous obtenez dans ces navigateurs? –

+0

Selon le code..l'image doit être affichée dans la div ..mais il n'y a pas d'image montrée dans la div ... cela ne se passe que dans firefox, chrome, safari..mais dans IE il montre ... là est pas une erreur sur le navigateur .. mais l'image dans div n'est pas visible .... –

+0

En note, votre tag '

4

IE renvoie le nom du fichier avec le chemin d'accès local ("c: \ documents \ image_path \ image.ext") dans le fichier input.value et les autres navigateurs retournent uniquement le nom du fichier.

IE attribue le chemin local complet de l'image, de sorte qu'il affiche correctement l'image. Et d'autres navigateurs ajoutent le chemin de l'image comme nom de fichier (uniquement le nom du fichier, pas le chemin absolu), de sorte que l'image n'est pas disponible pour être affichée.

Si vous voulez afficher l'image dans un navigateur, vous devez d'abord la télécharger sur le serveur et la rendre à partir du serveur lui-même.

Source

2010-11-02 11:35:07

Questions connexes

 Questions connexes