Einführung in die Methode zum asynchronen Hochladen von Bilddateien in Javascript

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( "error", uploadFailed, false);

    xhr.open('POST', form.action);

    xhr.send(formData);

});

Funktion uploadComplete(evt)

{

    var data=evt.target.responseText

}

Funktion uploadFailed()

{

    alert("上传失败！请重试！"); 

}

Das obige ist der detaillierte Inhalt vonEinführung in die Methode zum asynchronen Hochladen von Bilddateien in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!