使用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);