Rechercher : dans
Par :

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

Dernière réponse le 9 jui 2008 à 11:22:47 hhafidh, le 7 sep 2007 à 12:02:00 
 Signaler ce message aux modérateurs

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>

Configuration: Windows XP
Firefox 2.0.0.6
IE 7

Meilleures réponses pour « [PHP & Javascript] problème de d'affichage » dans :
[PHP] Comment afficher l'adresse IP d'un visiteur ? VoirPour afficher l'adresse IP d'un visiteur sur votre site, insérez ce code dans la zone où vous voulez qu'elle s'affiche.
[Webmaster] Afficher facilement le code php/xhtml de vos pages VoirSi vous voulez proposer a vos visiteurs de voir la source de vos fichiers (PHP ou HTML), il y a plusieurs solutions. En php Afficher le code php Afficher le code html En html Informations Voir aussi En php Afficher le code php La...
[PHP] Méthodes de débogage VoirI. Informations sur une variable I.1 echo I.2 print_r() I.3 var_dump() / var_export() I.4 Rediriger la sortie (ne pas afficher à l'écran) II. "Backtrace" ou rapport de contexte III. Bien utiliser les rapports d'erreur IV. Le mot clé...
Introduction à PHP VoirQu'est-ce que PHP? PHP est un langage interprété (un langage de script) exécuté du côté serveur (comme les scripts CGI, ASP, ...) et non du côté client (un script écrit en Javascript ou une applet Java s'exécute sur votre ordinateur...). La...
PHP - Affichage de texte sur le navigateur VoirLe but de PHP est de permettre la création de pages web dynamiques, ainsi son but premier est de pouvoir envoyer des données au navigateur. Les trois fonctions standards PHP fournit 3 fonctions permettant d'envoyer du texte au navigateur. Ces...
PHP - Récupération de données VoirPHP rend très simple la récupération de données envoyées par l'intermédiaire de formulaires HTML. Création d'un formulaire Grâce à la balise FORM du langage HTML, il est très simple de créer des formulaires comprenant : des champs de saisie des...

1

Posotaz, le 7 sep 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

 rod, le 9 jui 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