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

function enqueue_scripts() {
    wp_enqueue_script('jquery');
}
add_action('wp_enqueue_scripts', 'enqueue_scripts');

<form id="file-upload-form" method="post" enctype="multipart/form-data">
    <input type="file" name="file" id="file">
    <input type="submit" value="上传文件">
</form>

jQuery(document).ready(function($) {
    $('#file-upload-form').submit(function(e) {
        e.preventDefault();
        
        var formData = new FormData($(this)[0]);
        
        $.ajax({
            url: ajaxurl,
            type: 'POST',
            data: formData,
            processData: false,
            contentType: false,
            success: function(response) {
                // 处理上传成功后的逻辑
            },
            error: function(xhr, status, error) {
                // 处理上传失败后的逻辑
            }
        });
    });
});

function handle_file_upload() {
    if (isset($_FILES['file'])) {
        $file = $_FILES['file'];
        
        // 处理文件上传逻辑
        
        // 返回上传结果
        echo json_encode(array('success' => true));
    }
    die();
}
add_action('wp_ajax_handle_file_upload', 'handle_file_upload');
add_action('wp_ajax_nopriv_handle_file_upload', 'handle_file_upload');

var ajaxurl = '<?php echo admin_url('admin-ajax.php'); ?>';