如何使用WP_Customize_Media_Control上传多张图片

时间:2016-06-26 作者:user1303840

这个问题与WordPress定制器特别相关。我正在寻找一种使用WP\\u Customize\\u Media\\u控件上载多个图像的方法。对于元数据库来说,这样做很容易,但我并没有为Customizer找到解决方案。如果有任何帮助,我将不胜感激。

1 个回复
最合适的回答,由SO网友:pankaj choudhary 整理而成

使用此JQuery 对于多个图像上载:

<!-- js multi image -->
jQuery(document).ready(function($) {

    // add image uploader functionality
        var meta_image_frame;

      $(\'.meta-image-button\').live(\'click\', function(e){
            e.preventDefault();

            if( meta_image_frame ){
                wp.media.editor.open();
                return;
            }

            meta_image_frame = wp.media.frames.file_frame = wp.media({
                title: \'Portfolio Image Gallery Selection Window\',
                button: {text: \'Add to Gallery\'},
                library: { type: \'image\'},
                  multiple: false
            });

            meta_image_frame.on(\'select\', function(){
                var media_attachment = meta_image_frame.state().get(\'selection\').first().toJSON();

                   var url = \'\';

                $(\'#meta-image\').val(media_attachment.url);


            });

            meta_image_frame.open();

      });

      $(\'#add-input\').click(function(event){

            add_input()
        }); 

        function add_input(){


            var input = "<p><label for=\'meta-image\' class=\'\'>Add Project Image</label>"
                              +"<input type=\'text\' name=\'meta-image\' id=\'meta-image\' value=\'\' />"
                              +"<input type=\'button\' class=\'meta-image-button button\' value=\'Upload Image\' />"
                              +"<input type=\'button\' class=\'meta-image-button button remove-button\' value=\'Remove Image\' /></p>";

         <?php   $(\'#images-container\').append(input);

        }

});

相关推荐