我需要创建一个表单,您可以在其中选择要上传的文件、在输入字段中输入一些文本并选中一个或多个由复选框表示的类别。该表单使用 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 或数据属性。
最佳答案
怎么样
var ch_data = [];
$('input[type="checkbox"]:checked').each(function(){
ch_data.push($(this).attr('id'));
});
form_data.append('checkboxes', ch_data);
关于javascript - 使用 formdata 通过 jquery ajax 将带有文件输入、文本输入和多个复选框的表单发布到 php,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38243907/