JQuery发布数据和文件上传，并以JSON格式获取结果

Question

HTML :

<input id="myId" type="text">
<input id="newFile" type="file" name="newFile" >
<input type="button" onclick="sendData()" value="Send" >

JQuery:

function sendData() {
    var id = $("#myId").val();
    var myFile = $("#newFile").val();
    $.post("test.php", { id: id , file: myFile  },function (data) {
        console.log(data);
     }, "json").fail(function (data) {
        alert("error");
    });
}

this code post id value and the file name !!
i want to post file ..

Answer 1

to upload file with AJAX, try this:

var formData = new FormData();

var cpt = 0;

$("input[type=file]").each(function () {
    $.each(this.files, function (i, file) {
        formData.append("file" + cpt++, file);
    });
});

$.ajax({
    url : "serveur.php",
    type : "POST",
    data : formData,
    processData : false, 
    contentType : false, 
    dataType : "json",
})
.done(function (reponse) {

});