如何使用具有多个图像上传按钮的WordPress媒体上传器

function add_multiple_image_upload() {
    ?>
    <script>
        jQuery(document).ready(function($){
            var mediaUploader;
            $('.upload_image_button').click(function(e) {
                e.preventDefault();
                if (mediaUploader) {
                    mediaUploader.open();
                    return;
                }
                mediaUploader = wp.media.frames.file_frame = wp.media({
                    title: '选择图片',
                    button: {
                        text: '选择图片'
                    },
                    multiple: true // 允许多个文件上传
                });
                mediaUploader.on('select', function() {
                    var attachments = mediaUploader.state().get('selection').toJSON();
                    var attachmentIds = [];
                    for (var i = 0; i < attachments.length; i++) {
                        attachmentIds.push(attachments[i].id);
                    }
                    $('#image_ids').val(attachmentIds.join(','));
                });
                mediaUploader.open();
            });
        });
    </script>
    <?php
}
add_action('admin_footer', 'add_multiple_image_upload');

<?php
$image_ids = explode(',', $_POST['image_ids']);
foreach ($image_ids as $image_id) {
    $image_url = wp_get_attachment_image_src($image_id, 'full')[0];
    echo '<img src="' . $image_url . '" alt="Image">';
}
?>