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 : 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;
            }
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.