如何使用ajax，jquery和php提交带有文本框和图像上传的表单

Question

我正在使用ajax和jquery来提交表单。但它不起作用。我正在使用以下html表单和jquery。为此，我想使用jQuery Ajax，但我不知道如何使用Ajax将图像发送到PHP。请帮助我。

<form id="data" action="" method="post" enctype="multipart/form-data">
    <table style="width:630px;float:left;padding:10px;padding-top:30px;">
        <tr>
            <td class="text_label">Name</td>
            <td style="padding:10px;padding-right:20px;">:</td>
            <td>
                <input type="text" id="name" name="name" class="text_box" value="<?php echo   $name;?>" />
            </td>
        </tr>
        <tr>
            <td class="text_label">Upload Image</td>
            <td style="padding:10px;padding-right:20px;">:</td>
            <td>
                <input type="file" id="image" name="image" />
            </td>
        </tr>
        <tr>
            <td class="text_label"></td>
            <td style="padding:10px;padding-right:20px;"></td>
            <td>
                <input type="button" value="Update" class="btn_upd" onclick="update_stdDetails();" />
            </td>
        </tr>
    </table>
</form>

我的jquery是

function update_stdDetails() {
    var formData = new FormData($(this)[0]);
    $.ajax({
        url: 'ajax/update_stdDetails.php',
        type: 'POST',
        data: formData,
        async: false,
        success: function (data) {
            alert(data)
        },
        cache: false,
        contentType: false,
        processData: false
    });
}