|
|
|
|
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
Bonjour,
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,
|