javascript - 如何使用 jQuery serialize() 添加文件值

Question

很抱歉这个问题的标题很奇怪。

我正在尝试使用包含文件的 jQuery ajax 处理表单。

这就是我正在尝试使用的..

<script>
     var file_data = $('#qfile').prop('files')[0];   
     var form_data = new FormData();
     form_data.append('file', file_data);// 
     var data = $(this).serialize();
     // Here is the problem. I sucessfully sent the file alone but I want to 
     //send all the form input values using serialize() and add formData too

</script>

我想发送文件以及所有输入序列化()

这是我的 ajax 部分...

<script>
   $.ajax({

            type : 'POST',
            url  : 'ajax/ajax-reg.php',
            data : form_data,
            processData: false,
            contentType: false,

</script>

Answer 1

I want to send all the form input values using serialize() and add formData too

在这种情况下，serialize() 对您没有帮助，但有更好的方法。只需将 form DOMElement 提供给 FormData() 构造函数即可。然后来自表单字段的所有数据(包括图像)将被放入 FormData 对象中。试试这个:

var form_data = new FormData($('form')[0]);
$.ajax({
    type: 'POST',
    url: 'ajax/ajax-reg.php',
    data: form_data,
    processData: false,
    contentType: false,
    success: function() {
        // handle response here...
    }
});