Блог

Прежде всего, я знаю, что есть много вопросов, связанных с этим вопросом. Но проблема в том, что все они каким-то образом связаны с jquery.

Но мой вопрос реализует ванильный javascript.

В принципе, все работает нормально, кроме onselect() . Я не могу получить URL-адрес вложения.

Вот код.

 var custom_uploader;

var uploadButton = document.getElementById('upload_logo_button');

uploadButton.addEventListener("click", function(e) {
    e.preventDefault();

    if ( custom_uploader ) {
        custom_uploader.open();
        return;
    }

    custom_uploader  = wp.media.frames.file_frame = wp.media({
        frame: 'select',
        title: 'Choose Image',
        button: {
            text: 'Select Image'
        },
        multiple: false
    });

    custom_uploader.onselect = function() {
        var attachment = custom_uploader.state().get('selection').first().toJSON();
        console.log(attachment);
        var uploadLogoImage = document.getElementById("upload_image").innerHTML(attachment.url);
    }

    //Open the uploader dialog
       custom_uploader.open();
});
 

Пожалуйста, кто-нибудь объяснит мне, почему я не могу получить URL-адрес изображения, даже если изображение успешно загружено на WP-носитель.

Заранее спасибо. Если кому-то нужна дополнительная информация, пожалуйста, не стесняйтесь спрашивать. Еще раз спасибо.