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

Fermé
hhafidh - 7 sept. 2007 à 12:02
 rod - 9 juil. 2008 à 11:22
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:225px;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>
A voir également:

2 réponses

Posotaz Messages postés 489 Date d'inscription samedi 23 juin 2007 Statut Membre Dernière intervention 19 juin 2011 225
7 sept. 2007 à 23:53
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/temp/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).
0
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/fr/faq/firefox/?id=18-les-liens-locaux-ne-marchent-pas-sur-mon-intranet
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
0

Discussions similaires