在ajax请求期间检查文件上传

Question

我有表格，其中其他元素与文件上传一起使用。对于文件上传，我使用了

<form method="post" id="add_charges" enctype="multipart/form-data">

在我使用的ajaxRequest中

var formData = new Formdata('#add-charges')[0];

$.ajax({
        url: 'function/ajax/topup.php',
        type: 'POST',
        data: formData,
        async: false,
        cache: false,
        contentType: false,
        processData: false
});

在发布表单后的PHP中，如果我检查$ _FILES数组，则由于我尚未上传文件，因此给我一个空白数组。 在通过ajax请求发送数据之前，是否有任何方法可以检查文件上传大小。

Answer 1

我认为在ajax请求中，您必须为上传文件设置Content-type。 尝试这个 ：

$.ajax({
        url: 'function/ajax/topup.php',
        type: 'POST',
        data: formData,
        async: false,
        cache: false,
        contentType: 'multipart/form-data',
        processData: false
});    

也许您应该从中序列化数据。

$.ajax({
            url: 'function/ajax/topup.php',
            type: 'POST',
            data: $('#add-charges').serialize(),
            async: false,
            cache: false,
            contentType: 'multipart/form-data',
            processData: false
    }); 

希望对您有所帮助。

Answer 2

Ajax发送文件和PHP检查$ _FILES。

 var sofg_mixup = jQuery.noConflict();
    sofg_mixup(document).ready(function() {
        sofg_mixup('#ct-file').change(function() {
            var fileInput = sofg_mixup('#ct-file').prop('files')[0];
            var myFormData = new FormData();
            myFormData.append('ct_file', fileInput);
            sofg_mixup.ajax({
                url: 'save_file.php',
                type: 'POST',
                processData: false, // important
                contentType: false, // important
                dataType: 'json',
                data: myFormData,
                success: function(jsonData) {
                    console.log(jsonData);
                },
                error: function(xhr, ajaxOptions, thrownError) {
                    console.log(xhr);
                }
            });
        });
    });