[AJAX] balise <input type='file'> et paramètre
Bonjour,
J'ai passer la moitié de la nuit a essayer de coder un affichage d'image dès le choix du fichier mais il s'avère que la propriété value de la balise <input type='file'> est recu par mon programme traitant l'image comme un string et non comme un fichier (ou chemin de fichier).
Je code coté serveur en python avec le Framework cherrypy et je me suis fortement inspiré de ce code: http://docs.cherrypy.org/stable/prog...uploading.html
Et il semblerai que le problème est de transmettre le paramètre: le fichier image en mode POST ce qui ne marche pas comme ça:
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
|
<!DOCTYPE html>
<html lang='fr'>
<head>
<meta charset='utf-8'>
<script>
function updateImage() {
if (window.XMLHttpRequest) {
var conn=XMLHttpRequest();
conn.open("POST", "http//lurl/vers/mon/fichier/de /traitement", false); // ou en GET conn.open("GET", "http//lurl/vers/mon/fichier/de/traitement"+"?file_name="+document.forms['formulaire'].elements['image'].value, false)
conn.send("file_name="+document.forms['formulaire'].elements['image'].value);// Avec GET: conn.send(null)
if (conn.readyState == 4) {
document.images['img'].src=conn.responseText;
}
}
}
</script>
</head>
<body>
<img name='img' src=''>
<form name='formulaire' method='POST' enctype='multipart/form-data'>
<input type='file' name='image' onchange="updateImage()">
</form>
</body>
</html> |
Resultat avec la methode GET l'argument recu par mon script de traitement est de type string ce qui ne convient pas au traitement (téléchargement et retaillage):il faudrait que sa soit l'objet image afin que je puisse le traiter.
Avec la méthode POST l'argument n'est pas transmis a mon scripte ce qui provoque une érreur j'aurai une érreur de code avec la méthode POST ?
Coté serveur: l'image serai retailler et déplacer pour finir comme valeur de l'attribut src de la balise <img> comme vous l'avez déja compris.
Si quequ'un pourrait m'aider sa serai sympa.
merci
