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 :
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.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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; }
Partager