从自定义字段中选择多个图像

时间:2020-05-19 作者:Koen

我用图像选择/上传创建了一个自定义字段。这只会让我选择一个图像,但我希望能够选择多个图像。

我们已经找了很长时间了,但还是没能成功。

我使用的代码是:

 <p>
    <label for="projects[image]">Image Upload</label><br>
    <input type="text" name="projects[image]" id="projects[image]" class="meta-image regular-text" value="<?php echo $meta[\'image\']; ?>">
    <input type="button" class="button image-upload" value="Browse">
</p>
<div class="image-preview"><img src="<?php echo $meta[\'image\']; ?>" style="max-width: 250px;"></div>

<script>
    jQuery(document).ready(function ($) {
        // Instantiates the variable that holds the media library frame.
        var meta_image_frame
        // Runs when the image button is clicked.
        $(\'.image-upload\').click(function (e) {
        // Get preview pane
        var meta_image_preview = $(this).parent().parent().children(\'.image-preview\')
        // Prevents the default action from occuring.
        e.preventDefault()
        var meta_image = $(this).parent().children(\'.meta-image\')
        // If the frame already exists, re-open it.
        if (meta_image_frame) {
            meta_image_frame.open()
            return
        }
        // Sets up the media library frame
        meta_image_frame = wp.media.frames.meta_image_frame = wp.media({
            title: meta_image.title,
            button: {
            text: meta_image.button,
            },
        })
        // Runs when an image is selected.
        meta_image_frame.on(\'select\', function () {
            // Grabs the attachment selection and creates a JSON representation of the model.
            var media_attachment = meta_image_frame.state().get(\'selection\').first().toJSON()
            // Sends the attachment URL to our custom image input field.
            meta_image.val(media_attachment.url)
            meta_image_preview.children(\'img\').attr(\'src\', media_attachment.url)
        })
        // Opens the media library frame.
        meta_image_frame.open()
        })
    })
</script>
希望有人能给我一些帮助:)。

提前谢谢Koen

1 个回复
SO网友:Naser Nikzad

也许其他人有这个问题,我发现了这个!https://wordpress.org/plugins/navz-photo-gallery/

相关推荐

如何自动加载帖子中的图像,因为它存在于Uploads文件夹中

我想在所有帖子中自动加载三个图片(通过single.php),总是在同一个div(.acf_imgs-centro1)中。其想法是将图像上传到uploads文件夹中,与帖子同名,然后它们将显示在帖子中。我可以用下面的代码来做,但有一个问题。。。我在images div上方有一个静态标题(.imgs\\u h2),我只想加载它(标题),因为加载了任何图像。例如,我可以拥有帖子,但文件夹中还没有图像,因此标题将不可见。没有图像,没有标题。现在,我使用的方法似乎与我想要实现的目标不兼容。非常感谢您的帮助。<