Problème d'affichage d'image
J'ai créé une page qui permet lors du choix d'une image (par le champ input file) de l'afficher directement dans une iframe.
Le problème est que cela marche très bien quand j'utilise mes fichiers en locaux, mais quand je passe par le serveur, j'ai une erreur de sécurité qui survient. Comment pourrais-je faire pour résoudre mon problème ???
Voici le code js qui me permet d'afficher mon image :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46
|
//Fonction permettant de verifier que l'image entrée en paramètre est valide puis d'en analyser la taille
function Test_file()
{
var imagefile = document.getElementById('filename').value;
var extension = imagefile.substring((imagefile.length -3),imagefile.length);
if(extension == "jpg" || extension == "gif" || extension == "png" || extension == "bmp")
{
var image_url = "file:///" + ConvertToUrl(imagefile);
getIFrameDocument("image").body.innerHTML = "<p align=\"center\"><img src=\"" + image_url + "\" onload=\"javascript:parent.Image_properties()\"></p>";
image_loaded = true;
}
else image_loaded = false;
}
//Fonction permettant d'informer des propriétés de l'image
function Image_properties()
{
//On sauvegarde la taille originale des images
OriginWidth = getIFrameDocument("image").images[0].width;
OriginHeight = getIFrameDocument("image").images[0].height;
//On indique la taille des images dans les champs associés
document.getElementById('width').value = OriginWidth;
document.getElementById('height').value = OriginHeight;
RapportHW = OriginHeight / OriginWidth;
//On recupere le nom de l'image
source = convertFromUrl(getIFrameDocument("image").images[0].src);
document.getElementById('title').value = source.substring(source.lastIndexOf('\\')+1,source.lastIndexOf('.'));
//On active les champs et les boutons
document.getElementById('width').disabled = 0;
document.getElementById('height').disabled = 0;
document.getElementById('title').disabled = 0;
document.getElementById('ButtonWC').disabled = 0;
document.getElementById('ButtonWR').disabled = 0;
document.getElementById('ButtonHC').disabled = 0;
document.getElementById('ButtonHR').disabled = 0;
}
//Fonction permettant de recuperer le document contenu dans une iframe
function getIFrameDocument(aID)
{
if (document.getElementById(aID).contentDocument)
return document.getElementById(aID).contentDocument;
else
return document.frames[aID].document;
} |
De plus je voudrais savoir de plus si il est possible de mettre un filtre lorsque l'on clik sur le bouton parcourir du champ input file.