如何正确设置 jQuery ajax 在 Wordpress 中上传文件？

Question

我希望用户能够使用 ajax 从我的自定义编辑器块上传 html 文件。WordPress 要求所有 ajax 都经过 admin-ajax.php。我的 js 代码位于在 Wordpress 中注册和排队的外部文件中。以下是来自https://codex.wordpress.org/AJAX_in_Plugins的 WordPress Codex 指令：

单独的 JavaScript 文件

与前一个示例相同，只是 JavaScript 位于单独的外部文件中，我们将其命名为 js/my_query.js。这些示例与插件文件夹相关。

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

    var data = {

        'action': 'my_action',

        'whatever': ajax_object.we_value      // We pass php values differently!

    };

    // We can also pass the url value separately from ajaxurl for front end AJAX implementations

    jQuery.post(ajax_object.ajax_url, data, function(response) {

        alert('Got this from the server: ' + response);

    });

});

对于外部 JavaScript 文件，我们必须首先 wp_enqueue_script() 以便将它们包含在页面上。此外，我们必须使用 wp_localize_script() 将值传递到 JavaScript 对象属性中，因为 PHP 无法直接将值回显到我们的 JavaScript 文件中。处理函数与前面的示例相同。

<?php

add_action( 'admin_enqueue_scripts', 'my_enqueue' );

function my_enqueue($hook) {

    if( 'index.php' != $hook ) {

    // Only applies to dashboard panel

    return;

    }

        

    wp_enqueue_script( 'ajax-script', plugins_url( '/js/my_query.js', __FILE__ ), array('jquery') );

    // in JavaScript, object properties are accessed as ajax_object.ajax_url, ajax_object.we_value

    wp_localize_script( 'ajax-script', 'ajax_object',

            array( 'ajax_url' => admin_url( 'admin-ajax.php' ), 'we_value' => 1234 ) );

}

这是我的 PHP：

if (isset ( $_POST["test"] ) ){

    echo 'test working';

}

if ( isset ( $_FILES["renee_wip_upload"] ) ){

    echo 'test2';

}

Answer 1

伙计，我真是瞎了眼。它是：data.append('braft_wip_upload[]', file, file.name);但应该是：&nbsp;data.append('renee_wip_upload[]', file, file.name);我什至纠正了编辑中的错误，但忘记在我的代码中执行此操作。