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

时间:2015-08-02 18:14:53

标签: javascript php jquery json

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");
    });
}

此代码发布id值和文件名!!
我想发帖..

1 个答案:

答案 0 :(得分:-1)

使用AJAX上传文件,试试这个:

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) {

});