Мне нужна поддержка AJAX в WordPress - PullRequest
0 голосов
/ 14 ноября 2018
  1. У меня есть виджет js imagepress select media image, но я не могу поставить путь к изображению в переменной php для отображения изображения. Это мой php код Значение, добавляемое из js, является переменной $logo в функции формы.

    funcition form (){
            <div id="img">
                <p ><input name="<?php $this->get_field_name('logo'); ?>"  value="<?php echo $logo; ?>" id="image_url" class="regular-text" id='logo'></p>
    
                <img src="<?php echo $logo; ?>" alt="" class="lumise_upload">
                <input type="button" id="upload-btn" class="button-secondary" value="Upload Image">
            </div>
    
    }
    
    
        function widget( $args, $instance ) {
            extract($args);
            $logo = isset($instance['logo']) ?  $instance['logo'] : ''; ?>
    
            <img src="<?php echo $logo; ?>" class="logo-footer" id="show">
    
    
      }
    
    }
    
  2. Это JS:

    jQuery(document).ready(function($){
                var frame;
                var image_logo ="";
                document.lumise_upload = this;
    
                    $('#upload-btn').click(function(e) {
                    e.preventDefault();
    
                    if ( frame ) {
                        frame.open();
                        return;
                    }
    
                    //Extend the wp.media object
                    frame = wp.media({
                        title: 'Choose Image',
                        button: {
                        text: 'Choose Image'
                        },
                        multiple: false,
                    });
    
                    frame.on('select', function() {
                        console.log(frame.state().get('selection').toJSON());
                        attachment = frame.state().get('selection').first().toJSON();
    
                        var elm = document.lumise_upload;
                        $(elm).val(attachment.url);
                        $(elm).find('.lumise_upload').attr({src : attachment.url}).show();
                        $('#img').find('#image_url').attr({value : attachment.url});
                        document.getElementById('show').innerHTML = attachment.url;
    
                    });
    
                        //Open the uploader dialog
                        frame.open();
    
                     });
    
                    });
    
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...