Télécharger Le Fichier Avec L'Ajax XmlHttpRequest
Salut, je suis en train d'envoyer un fichier avec xmlhttprequest avec ce code.
<script>
var url= "http://localhost:80/....";
$(document).ready(function(){
document.getElementById('upload').addEventListener('change', function(e) {
var file = this.files[0];
var xhr = new XMLHttpRequest();
xhr.file = file; //not necessary if you create scopes like this
xhr.addEventListener('progress', function(e) {
var done = e.position || e.loaded, total = e.totalSize || e.total;
console.log('xhr progress: ' + (Math.floor(done/total*1000)/10) + '%');
}, false);
if ( xhr.upload ) {
xhr.upload.onprogress = function(e) {
var done = e.position || e.loaded, total = e.totalSize || e.total;
console.log('xhr.upload progress: ' + done + ' /' + total + ' = ' + (Math.floor(done/total*1000)/10) + '%');
};
}
xhr.onreadystatechange = function(e) {
if ( 4 == this.readyState ) {
console.log(['xhr upload complete', e]);
}
};
xhr.open('post', url, true);
xhr.setRequestHeader("Content-Type","multipart/form-data");
xhr.send(file);
}, false);
});
</script>
mais j'ai eu cette erreur : la demande a été rejetée, car aucun multipart limite a été trouvé
aider moi pls..
Vous devez vous connecter pour publier un commentaire.
xhr.file = file;
; le fichier objet n'est pas censé être attaché de cette façon.xhr.send(file)
ne pas envoyer le fichier. Vous devez utiliser leFormData
objet d'envelopper le fichier dans unmultipart/form-data
publier des données objet:Après, le fichier peut être l'accès à
$_FILES['thefile']
(si vous utilisez PHP).Rappelez-vous, MDC et Mozilla Hack démos sont vos meilleurs amis.
MODIFIER: L' (2) ci-dessus est incorrecte. Il envoie le fichier, mais il faudrait l'envoyer en tant que premières données post. Cela signifie que vous devez analyser vous-même sur le serveur (et c'est souvent pas possible, dépendent de la configuration du serveur). Lire comment obtenir des premières données post dans PHP ici.