rss
Ils ont besoin de votre aide Tous les messages sans réponse
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Non résolu

[PHP & Javascript] problème de d'affichage

Posté par hhafidh, le vendredi 7 septembre 2007 à 12:02:00
Bonjour à tous,

Mon problème est le suivant :
J'ai conçu une page qui permet la saisie d'un formulaire d'inscription. Dans ce formulaire j'ai mis une image qui sert à prévisualiser les photos d'identité que les utilisateurs séléctionnent avec un champ de type "file". La page fonctionne très bien lorsque je l''ouvre en local directement dans le navigateur, mais quand je l'ouvre sous PHP, la prévisualisation des images ne fonctionne plus du tout.

Ci dessous un code que j'ai trouvé sur le web qui permet de faire des preview d'image, et qui me fait la même chose, Auriez-vous une idée ?? cela fait 2 jours que je bloque sur ce point :(

Merci d'avance


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"­;>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>

<title>TEST - Aperçu image avant upload</title>

<style type='text/css'>
* {float:left;clear:left;}
img {padding:10px;border:#555 solid 3px;margin:5px;background:#999;}
p {overflow:hidden;background:#eee;text-align:center;width:225­px;border:1px solid #000;}
span {border:1px solid #000;width:223px;border-top:2px solid #000}
</style>


<script type='text/javascript'>
function voirimg()
{
var imgsrc=document.getElementById('monchamp').value;
apercu='file:///'+imgsrc; //pour ff entre autre
document.getElementById('lavoir').src= apercu;
}

function voirIE()
{
voirimg();
tailleit();
}

function tailleit()
{
var timg="";
timg = document.getElementById('lavoir').fileSize;
var tailleimg = document.createElement("span");
var lataille = document.createTextNode('taille en octets :'+ timg );
tailleimg.appendChild(lataille);
var affiche = document.getElementById("info");
affiche.appendChild(tailleimg);
}
</script>

</head>

<body>
<form>
<input type="file" id="monchamp" onclick="voirimg();" />
<p id="info">
<img src="#" alt="" id ='lavoir' height='190' width='190' />
</p>
<imput type="Submit" id="go" name="go" value= "upload" />
<!--[if IE]><p onclick="voirIE();">afficher l'aperçu</p><! endif -->
</form>
</body>

</html>
Configuration: Windows XP
Firefox 2.0.0.6
IE 7
Répondre à hhafidh  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Posotaz, le vendredi 7 septembre 2007 à 23:53:11
Bonjour,


Ca doit-être une restriction du navigateur qui ne peut pas accéder aux fichiers locaux directement par le chemin. En effet, j'ai uploadé ta page sur mon espace Web et en ouvrant la console d'erreurs de FireFox il indique : 
Erreur de sécurité : le contenu situé à [http:.../tmp/ccm%20miniatures.htm] ne peut pas charger de données ou établir un lien vers file:///C:/Documents%20and%20Settings/.../Mes%20documents/te­mp/Arlequin.gif.

Si tu essaies sous IE ça fonctionne par contre, il est moins restrictif (et donc moins sécurisé, pas pour rien qu'on ne le recommande pas :-D).
   
Répondre à Posotaz

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 rod, le mercredi 9 juillet 2008 à 11:22:47
Slt,

Je me suis galèré un petit moment sur le même problème... piou

Il existe un plug-ins pour Firefox :
LocalLink 0.4 dispo => https://addons.mozilla.org/fr/firefox/addon/281

Sinon pour plus d'info sur la sécurité :
http://chevrel.org/...
et la source en Anglais :
http://kb.mozillazine.org/Links_to_local_pages_do_not_work

En espérant que cela fonctionne chez toi...

Bon courage.
ROD
   
Répondre à rod
Posez votre question Répondre
Logiciels pertinents trouvés dans les téléchargements
Télécharger PHP Edit 0.6PHP Edit - PHPEdit est un environnement de développement intégré (IDE) sous Windows pour le langage PHP. Il offre un grand nombre de...Catégorie: PHP
Licence: Freeware/gratuit
Télécharger PSPad 4.5.2PSPad - PSPad est un excellent éditeur de texte. Il est utile pour travailler sur du simple texte, mais aussi sur du HTML, CSS,...Catégorie: Développement
Licence: Freeware/gratuit
Télécharger Firstpage 2006Firstpage - First Page 2006 est un éditeur html gratuit et excellent. Il permet de travailler un code HTML en couleur, ainsi que de...Catégorie: Editeurs HTML
Licence: Freeware/gratuit
Télécharger Web Developer Toolbar 1.1.6Web Developer Toolbar - WebDeveloper est une extension firefox représentant une formidable boîte à outils pour examiner et manipuler les pages...Catégorie: Extensions Firefox
Licence: Freeware/gratuit
Plus de logiciels gratuits sur « [PHP & Javascript] problème de d'affichage »