使用formdata通過jQuery Ajax將帶有文件輸入，文本輸入和多個復選框的表單發布到PHP

Question

我需要創建一個表單，您可以在其中選擇要上傳的文件，在輸入字段中輸入一些文本，然后選中由復選框表示的一個或多個類別。 該表格通過jquery ajax發布到我的php腳本中。
到目前為止，我已經完成了文件上傳和輸入字段的工作

$('#submit').click(function() {
    var file_data = $('#fileToUpload').prop('files')[0];
    var form_data = new FormData();
    form_data.append('fileToUpload', file_data);
    form_data.append('comment', $('#comment').val());
    $.ajax({
        url: 'upload.php',
        dataType: 'html',
        data: form_data,
        processData: false,
        contentType: false,
        type: 'post',
        success: function(data) {
            console.log(data);

        },
    });
});

//upload file
echo "Filename" . $filename . " Comment:" . $_POST["comment"];

我如何附加復選框的數據並在我的PHP腳本中使用它們？ 理想情況下，它將只附加提交表單時選中的復選框的ID或數據屬性。

Answer 1

怎么樣

var ch_data = [];

$('input[type="checkbox"]:checked').each(function(){
  ch_data.push($(this).attr('id'));
});

form_data.append('checkboxes', ch_data);