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