Question

我似乎无法使用Wordpress Media Upload检索特定图像类型，例如缩略图，缩略图或缩略图。

我得到的只是图像原始尺寸网址，因此我显示的是一个巨大的图像，而不是缩略图或定义的图像尺寸。

这是我的剧本：

jQuery("#submit_logo_button").click(function(e){
e.preventDefault();
var custom_file_frame;
if (typeof(custom_file_frame)!=="undefined") {
     custom_file_frame.close();
  }

  //Create WP media frame.
  custom_file_frame = wp.media.frames.customHeader = wp.media({
     //Title of media manager frame
     title: "Thumbs - Choose Logo",
     library: {
        type: 'image'
     },
     button: {
        //Button text
        text: "Select Logo"
     },
     size: "post-thumbnail",//shouldn't this work?!?
     //Do not allow multiple files, if you want multiple, set true
     multiple: false
  });

  //callback for selected image
  custom_file_frame.on('select', function() {
     var attachment = custom_file_frame.state().get('selection').first().toJSON();
     jQuery("#image_thumbnail").attr("src", attachment.url);

  });

  //Open modal
  custom_file_frame.open();

}）;

谢谢你：）

Answer 1

您可以循环访问对象attachment.sizes的{{1}}子对象，如下所示：

attachment

因此您也可以检索自定义图像尺寸。

- ）

Answer 2

不是一个完整的芒果，我无法获得自定义图片尺寸，只有下面列出的图片尺寸。

console.log(attachment.sizes.thumbnail.url);

//I can get any image type using:

jQuery("#indot_under_logo_img").attr("src", attachment.sizes.thumbnail.url);

//or

jQuery("#indot_under_logo_img").attr("src", attachment.sizes.full.url);

//or

jQuery("#indot_under_logo_img").attr("src", attachment.sizes.medium.url);

Answer 3

if( attachment.sizes){
    if(   attachment.sizes.thumbnail !== undefined  ) url_image=attachment.sizes.thumbnail.url; 
    else if( attachment.sizes.medium !== undefined ) url_image=attachment.sizes.medium.url;
    else url_image=attachment.sizes.full.url;

    console.log(  url_image  );
    jQuery('<li data-id="'+attachment.id+'"><img src="'+url_image+'"></li>').appendTo(blocImages);
}

使用Wordpress Media Upload获取图像类型网址

3 个答案: