Question

var name = jQuery('[data-field="name"]').val();
var email = jQuery('[data-field="email"]').val();
var inumber = jQuery('[data-field="inumber"]').val();
var rnumber = jQuery('[data-field="rnumber"]').val();
var date = jQuery('[data-field="date"]').val();
var amount = jQuery('[data-field="amount"]').val();
var feedback = jQuery('[data-field="name"]').val();

var file_attach = new FormData(jQuery('input[name^="media"]'));     
jQuery.each(jQuery('input[name^="media"]')[0].files, function(i, file) {
    file_attach.append(i, file);
});
jQuery.ajax({
    type: 'POST',
    data: { func: "sendMail", name,email,inumber,rnumber,date,amount,feedback,file_attach},
    url: 'billing-information-mailer.php',
    cache: false,
    contentType: false,
    processData: false,
    success: function(data){
        console.log(data);
    }
});

我正在尝试将表单信息和附件传递给php文件以发送电子邮件，最初我只是使用$.post，但我需要将processData设置为false，因此我转移到$.ajax，目前我的PHP文件正在发送空回报。我的php文件中唯一的代码是print_r($_POST);

编辑：

<input type="file" name="media" data-field="billing" id="vdnupload" name="vdnupload" placeholder="Proof of Payment">

Answer 1

您为data属性提供的对象的语法不正确，因为每个项目都需要一个键。

然而，更紧迫的问题是，要上传文件，您需要将所有数据（文件和输入值）放入FormData对象并单独发送。试试这个：

var formData = new FormData();     
$.each($('input[name^="media"]')[0].files, function(i, file) {
    formData.append(i, file);
});
formData.append('name', $('[data-field="name"]').val());
formData.append('email', $('[data-field="email"]').val());
formData.append('inumber', $('[data-field="rnumber"]').val());
formData.append('rnumber', $('[data-field="rnumber"]').val());
formData.append('date', $('[data-field="date"]').val());
formData.append('amount', $('[data-field="amount"]').val());
formData.append('feedback', $('[data-field="name"]').val());

$.ajax({
    type: 'POST',
    data: formData,
    url: 'billing-information-mailer.php',
    cache: false,
    contentType: false,
    processData: false,
    success: function(data){
        console.log(data);
    }
});

如果在要包含在请求中的所有输入周围放置form元素，则可以做得更多，更简单。这样您就可以向FormData构造函数提供该表单的引用，并且将为您填充所有值：

var formData = new FormData($('#myForm')[0]);

Ajax表单$ _POST空白返回数据

1 个答案: