当我尝试在 WordPress 中上传 Ajax 文件时，admin-ajax 返回状态 400

Question

我是 WP 界的新手。在阅读了大量帖子后，我仍然无法在 WordPress 上进行简单的 Ajax 文件上传。

我正在尝试存储在数据库中 - 姓名、电子邮件和简历。如果我删除输入文件字段，则名称和电子邮件将正确存储到数据库中。

目前，我的表单是这样的

<form method="post" id="applicantform" enctype="multipart/form-data">
     <input type="text" name="name" placeholder="Name" />
     <?php wp_nonce_field( 'my_nonce' ); ?>
     <input type="email" name="email" placeholder="Email" />
     <div class="upload">
         <input type="file" id="upload-resume" name="upload-resume" />
     </div>
     <input type="submit" name="submit_form" id="submit_form" value="Send" />
</form>

js部分是

jQuery(document).ready(function($){ 

    $('#submit_form').click(function(e){ 

        var applyformData = document.getElementById("applicantform");
        e.preventDefault(); 

        //ajax call 
        $.ajax({ 
            type: 'POST', 
            url: myajax.ajaxurl, // ajax url you assigned! 
            contentType: false,
            cache: false,
            processData:false,   
            dataType: 'json',
            data: { 
                action: 'applyform',
                formdata: applyformData, 
            }, 

            // Displaying succes message 
            success: function( data ){ 

            }, 

            // Displaying error message 
            error: function( request ){ 
                console.log(request); 
            } 
        }); 
    }); 
});

这是我function.php中的函数

add_action('wp_enqueue_scripts', 'my_ajax_scripts'); 
function my_ajax_scripts(){
    wp_enqueue_script( 'myscript', get_template_directory_uri().'/assets/js/formSubmit.js', array('jquery'), '1.0', true );
    wp_localize_script( 'myscript', 'myajax', array( 'ajaxurl' =>   admin_url( '/admin-ajax.php' ) ) );
}

function applyform(){
    $valid_extensions = array('pdf' , 'doc' , 'ppt'); // valid extensions
    $path = wp_basename( $uploads['baseurl'] ); // upload directory

    if(!empty($_POST['name']) || !empty($_POST['email']) || $_FILES['upload-resume'])
    {
        $resume = $_FILES['upload-resume']['name'];
        $tmp = $_FILES['upload-resume']['tmp_name'];

        $ext = strtolower(pathinfo($resume, PATHINFO_EXTENSION));

        $final_resume = rand(1000,1000000).$resume;

        if(in_array($ext, $valid_extensions)) 
        { 
            $path = $path.strtolower($final_resume); 
            if(move_uploaded_file($tmp,$path)) 
            {
                $table = 'UPC_jobs'; 

                $data = array( 
                    'customer_name' => $formdata_array['name'], 
                    'customer_email' => $formdata_array['email'], 
                    'customer_resume' => $path 
                ); 

                $format = array( 
                    '%s', 
                    '%s', 
                    '%s'
                ); 
                $success=$wpdb->insert( $table, $data, $format ); 
            }
        } 
        else {
            echo 'invalid';
        }
    }    
}

admin-ajax.php 的当前错误是 Status Code: 400。

谁能帮帮忙

Answer 1

请检查您的代码中的以下内容

1. 您需要在 function.php 文件中添加两个挂钩，以便为登录用户和未登录用户处理表单数据。

add_action('wp_ajax_applyform', 'applyform');
add_action('wp_ajax_nopriv_applyform', 'applyform');

1. 对于ajax文件上传检查链接 WP admin ajax file upload

2. 添加随机数

在你的 js 部分

data: { 
    action: 'applyform',
    formdata: applyformData, 
    ajax_nonce : myajax.ajax_nonce 
}, 

在你的 function.php 文件中

add_action('wp_enqueue_scripts', 'my_ajax_scripts'); 

function my_ajax_scripts(){
......
wp_localize_script( 'myscript', 'myajax', array( 'ajaxurl' =>   admin_url( '/admin-ajax.php' ), 'ajax_nonce' => wp_create_nonce('security') );
}

function applyform(){
check_ajax_referer( 'security', 'ajax_nonce' );
.......
}

进一步检查 wordpress 文档：WP admin ajax