jquery-upload-file et IIS

**Nico1131** · 11/07/2014, 11h46

Bonjour,

Récemment j'ai pu trouver un plugin sympa, qui est jquery-upload-file : https://github.com/hayageek/jquery-upload-file

Du coup je l'ai téléchargé et j'ai essayé de l'implémenter.

J'ai repris en gros leur exemple :

Code html :

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
<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <title>jQuery File Upload Example</title>
 
	<link href="../css/uploadfile.min.css" rel="stylesheet">
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
	<script type="text/javascript" src="../js/jquery.uploadfile.js"></script>
 
</head>
 
<body>
	<div id="fileuploader">Upload</div>
</body> 
</html>

Dans le HEAD :

Code javascript :

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

1
2
3
4
5
6
7
8
9
<script>
$(document).ready(function(){
	$("#fileuploader").uploadFile({
	        url: "http://localhost:81/PHP/upload3.php",
		fileName:"myfile",
		multiple:false
        });
});
	</script>

Dans URL le "PHP" est un alias de EasyPHP qui donne le chemin suivant : C:\Inetpub\wwwroot\
J'utilise aussi IIS.

Et le problème et qu’apparemment il n'arrive pas à accéder au fichier d'upload via l'url.

Voici un screen du résultat avec le message d'erreur de Firebug :
Nom : firebugphp.JPG
Affichages : 279
Taille : 36,3 Ko

Nom : firebugphp.JPG
Affichages : 279
Taille : 36,3 Ko

**Bovino** · 11/07/2014, 11h53

Ton appel AJAX se fait sur le port 81. Si ta page elle-même est sur le port 80, tu es effectivement confronté à la Same Origin Policy.

**Nico1131** · 11/07/2014, 13h48

Le fait que j'ai mis le port 81 dans le lien c'est que j'ai fais de même dans le httpd.conf car le port 80 est déjà utilisé pour autre chose

**Bovino** · 11/07/2014, 13h58

Bah oui, je comprends bien, mais comme indiqué par le message de Firebug, ça ne change rien au fait que tu enfreins la Same Origin Policy.
Regardes du côté de CORS (encore une fois, comme indiqué par le message de la console) puisque tu as la main sur la config du serveur.

**Nico1131** · 11/07/2014, 14h12

Pour être franc je sais même pas ce que c'est

J'ai fais quelques recherches dessus quand je suis tombé sur ce message d'erreur, mais après j'en sais pas plus

Je vais quand même voir si je peux trouver une solution quelque part

**Nico1131** · 11/07/2014, 14h55

J'ai pu trouver comment activer le CORS sous IIS : http://enable-cors.org/server_iis6.html

Access-Control-Allow-Origin : *

J'ai tout redémarré mais rien ne change j'ai toujours le même message d'erreur, donc bon je suppose qu'il dois y avoir un problème ailleurs que dans IIS

Je continu de chercher.

**Bovino** · 11/07/2014, 15h40

Envoyé par Nico1131

Dans URL le "PHP" est un alias de EasyPHP

C'est pas IIS qui reçoit la requête mais le serveur Apache d'EasyPHP.

**Nico1131** · 11/07/2014, 15h48

J'étais justement entrain de regarder une discussion où tu disait la même chose

En gros je dois le mettre dans le httpd.conf.

Du coup j'ai fais une petite recherche et j'ai rajouté tout à la fin du fichier ceci :

Code :

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

1
2
3
<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin: *
</IfModule>

Mais rien ne change

Et si je regarde dans le access.log il m'affiche cela : 127.0.0.1 - - [11/Jul/2014:16:46:03 +0200] "OPTIONS /PHP/upload3.php HTTP/1.1" 200 -

jquery-upload-file et IIS

jQuery

Discussions similaires

Partager

Partager