Discussion :

[AurelBUD]

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.

[MANU_2]

C'est quoi exactement ton erreur de sécurité ?

[AurelBUD]

Erreur de sécurité : le contenu situé à http://127.0.0.1/editeur/editeur/view_image.html ne peut pas charger de données ou établir un lien vers file:///C:/Documents%20and%20Settings/Aurel/Bureau/icone.gif.

[MANU_2]

N'oubli pas qd tu telecharge un fichier, le serveur le met dans un fichier temporaire : $_FILES['nom_input']['tmp_name'].

Quand tu veux afficher l'iamges, faire un :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
$uploaddir = '../Aurel/Bureau/'; 
move_uploaded_file($_FILES['nom_input']['tmp_name'], $uploaddir.$_FILES['nom_input']['name']);

Peut être que tu l'a déjà fait ...

[AurelBUD]

je vois ce que tu veux dire mais à ce moment là il faut que j'execute une requete POST pour faire ce que tu me dis ...
Alors qu'ici c est en javascript quand je choisis l'image elle s affiche directement dans la meme fenetre où se trouve le champ input file.[/img]

[MANU_2]

Faire 2 formulaires dont pour afficher l'image.

En JS : OnChange="onsubmit;" (de ton input file)
Et tu vas chercher ton image dans $_FILES['nom_input']['tmp_name']