web-dev-qa-db-ja.com

メディアライブラリから入力ボックスに画像のURLを取得する方法

私はワードプレスメディアアップローダを使用して画像をアップロードするための投稿メタを追加しました。それはジャバスクリプト作品のようです。私はJavaScriptが得意ではありません。ここから からjsを取得しました：

これがjsコードです。

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

    // Instantiates the variable that holds the media library frame.
    var meta_image_frame;

    // Runs when the image button is clicked.
    $('#meta-image-button').click(function(e){

        // Prevents the default action from occuring.
        e.preventDefault();

        // If the frame already exists, re-open it.
        if ( meta_image_frame ) {
            wp.media.editor.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 },
            library: { type: 'image' }
        });

        // 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);
        });

        // Opens the media library frame.
        wp.media.editor.open();
    });
});

私はidが#meta-imageの入力ボックスを持っています。しかし、それはそこにimgのURLを返しません。代わりに、メインの投稿エディタの中に画像のURLを入れます。どのようにしてこれを機能させることができますか？

uploadsjavascriptmedia-libraryinput
2
тнє Sufi

私はwp.media.editor.open()をmeta_image_frame.open()に変更することによってこれを解決しました。

今はうまくいっています。しかし、私は前に何がエラーだったのかわかりません。

1
тнє Sufi