Maison  >  Article  >  interface Web  >  Introduction à la méthode de téléchargement asynchrone de fichiers image en javascript

Introduction à la méthode de téléchargement asynchrone de fichiers image en javascript

巴扎黑
巴扎黑original
2017-07-24 16:53:031533parcourir
html:
        < ;input accept="image/*" id="addfile" type="file" />
 
 
jquery:
$("#addfile").on('change', function () {
    var f = $(this).get(0 ).files[0];
    var form = document.getElementById('myform');
    var formData = new FormData(form);
    formData.append( 'Filedata', f);
    var xhr = new XMLHttpRequest();
    xhr.addEventListener("load", uploadComplete, false);
    xhr.addEventListener( "erreur", uploadFailed, false);
    xhr.open('POST', form.action);
    xhr.send(formData);
});
function uploadComplete(evt)
{
    var data=evt.target.responseText
}
function uploadFailed()
{
    alert("上传失败!请重试!"); 
}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn