查询不同大小的图像文件

时间:2016-02-27 作者:r miller

我知道,当您将图像上载到Wordpress媒体库时,它会自动创建不同大小的图像副本。我想知道如何返回大小不同的图像文件。

我目前使用的解决方案是:

<?php
$image = get_field(\'image\');
$imageurl = $image [\'url\'];
?>

<img src="<?php echo str_replace(".jpg","-800x500.jpg",$imageurl); ?>">
这很好,但我正在寻找wordpress自带的函数来实现这一点。类似于查询相同图像的这些大小不同的文件的数组。

请注意,wp\\u get\\u attachment\\u image\\u src和类似的函数不是我想要的。即使您可以设置要返回的大小,它也不会更改所讨论的文件。

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

我不太确定你的get_field(\'image\') 但听起来您需要与图像关联的所有元数据。要做到这一点,只需通过$idwp_get_attachment_metadata().

结果将是:

Array
   (
       [width] => 2400
       [height] => 1559
       [file] => 2011/12/press_image.jpg
       [sizes] => Array
           (
               [thumbnail] => Array
                   (
                       [file] => press_image-150x150.jpg
                       [width] => 150
                       [height] => 150
                       [mime-type] => image/jpeg
                   )
               [medium] => Array
                   (
                       [file] => press_image-4-300x194.jpg
                       [width] => 300
                       [height] => 194
                       [mime-type] => image/jpeg
                   )
               [large] => Array
                   (
                       [file] => press_image-1024x665.jpg
                       [width] => 1024
                       [height] => 665
                       [mime-type] => image/jpeg
                   )
               [post-thumbnail] => Array
                   (
                       [file] => press_image-624x405.jpg
                       [width] => 624
                       [height] => 405
                       [mime-type] => image/jpeg
                   )
           )
       [image_meta] => Array
           (
               [aperture] => 5
               [credit] => 
               [camera] => Canon EOS-1Ds Mark III
               [caption] => 
               [created_timestamp] => 1323190643
               [copyright] => 
               [focal_length] => 35
               [iso] => 800
               [shutter_speed] => 0.016666666666667
               [title] => 
           )
   )

相关推荐

Images with overlay

我有一些图片在一个容器中,我想添加一个覆盖和图标。这不是现成的,但我找到了一些有用的代码:HTML:<div class=\"main\"> <span class=\"featured\"><img src=\"http://joshrodg.com/IMG_001-258x258.jpg\" title=\"\" alt=\"\"></span> </div> CSS:.featured {