[PHP & Javascript] problème de d'affichage
hhafidh
-
rod -
rod -
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>
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:
- [PHP & Javascript] problème de d'affichage
- Affichage double ecran - Guide
- Easy php - Télécharger - Divers Web & Internet
- Problème affichage fenêtre windows 10 - Guide
- Windows 11 affichage classique - Guide
- Problème affichage page internet google chrome - Forum Téléphones & tablettes Android
2 réponses
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 :
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).
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).
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
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
