Mendapatkan URL gambar dari field_image pada sebuah node

Jadi saya punya Node ini:

object(Drupal\node\Entity\Node)[1862]
  protected 'values' => 
    array (size=17)
      'vid' => 
        array (size=1)
          'x-default' => string '7' (length=1)
      'langcode' => 
        array (size=1)
          'x-default' => 
            array (size=1)
              0 => 
                array (size=1)
                  'value' => string 'en' (length=2)
      ... (more fields)
      'field_image' => 
        array (size=1)
          'x-default' => 
            array (size=1)
              0 => 
                array (size=5)
                  'target_id' => string '1' (length=1)
                  'alt' => string '' (length=0)
                  'title' => string '' (length=0)
                  'width' => string '150' (length=3)
                  'height' => string '120' (length=3)

Sekarang field_image memiliki array dengan x-default dan beberapa data gambar dasar. Bagaimana cara menampilkan gambar, atau membuat tautan ke gambar di dalam templat Ranting?

Berikut ini adalah versi pembaruan untuk jawaban ini setelah 8.0.x. Ini berdasarkan pada komentar @ joelpittet .

{{ file_url(node.field_image.entity.fileuri) }}

Saya tidak tahu tentang Ranting, tetapi Anda mendapatkan file URI $node->field_image->entity->getFileUri()dalam PHP, dan Anda perlu memanggil file_create_url()itu:

file_create_url($node->field_image->entity->getFileUri())

Saya tidak tahu apakah itu mungkin di ranting. Jika tidak memungkinkan, Anda selalu dapat menghitungnya dalam praproses dan menambahkan sebagai variabel baru.

Jika seseorang membutuhkan gambar gaya:

$styled_image_url = ImageStyle::load('large')->buildUrl($node->field_image->entity->getFileUri());

Tidak ada solusi ranting di atas yang berfungsi untuk saya (mungkin yang bekerja untuk versi 8.x yang lebih lama tetapi tidak untuk versi 8.5

{{ file_url(node.field_image['#items'].entity.uri.value) }}

CATATAN: harus bekerja untuk Drupal 8.5+

Jadi saya sudah menemukan jawabannya dengan bantuan Clive .

Mendapatkan gambar URI di Ranting selesai menggunakan node.field_image.0.entity.uri.value

Mendapatkan URL lengkap untuk gambar dapat dilakukan dengan menggunakan file_create_url(node.field_image.0.entity.uri.value)

Melakukan ini di Twig belum memungkinkan tetapi mereka sedang mengerjakannya -> lihat di sini

Apa yang akhirnya bekerja untuk saya di D8 adalah:

$imageUrl = $node->get('field_image')->entity->uri->value;

Menggunakan kint($node->get('field_image')->entity)dan melihat array sangat membantu

Kemudian dalam file ranting saya, saya menggunakan:

<img class="top-article-image" src="{{ file_url(imageUrl) }}" />

Anda bisa mendapatkan url secara langsung dengan menggunakan field_image.entity.url

Saya selalu menggunakan fungsi pembantu

  /**
   * Get the Image URI.
   *
   * @param \Drupal\Core\Entity\Entity $entity
   * @param $fieldName
   * @param bool $imageStyle
   * @return mixed
   */
  public function getImageUri(\Drupal\Core\Entity\Entity $entity, $fieldName, $imageStyle = FALSE) {
    $imageField = $entity->get($fieldName)->getValue();
    if (!empty($imageField[0]['target_id'])) {
      $file = File::load($imageField[0]['target_id']);
      if ($imageStyle) {
        return ImageStyle::load($imageStyle)->buildUrl($file->getFileUri());
      }

      // Original URI.
      return file_create_url($file->getFileUri());
    }
  }

Ini adalah caranya jika Anda ingin mendapatkan URL gambar dengan gaya gambar terkait untuk bidang gambar apa pun di templat ranting:

Pertama instal modul Twig Tweak

Kemudian atur gambar URI sebagai variabel. Dengan URI, Anda dapat menggunakan pola ranting ranting untuk mendapatkan jalur dengan gaya gambar apa pun yang Anda inginkan. Lihat di bawah:

{% set image_uri = content.field_feature_row_image['#items'].entity.uri.value %}

<img src="{{ image_uri|image_style('image1200x1103') }}"/>

Twig Tweak v2.4 + menawarkan file_urlfilter untuk mengekstrak URL file dari suatu entitas.

<img src="{{ node.field_image|file_url|image_style('image1200x1103') }}"/>

Saya memiliki masalah yang sama, jadi saya membuat get_image_path()fungsi Ranting dan menambahkannya dengan banyak hal berguna lainnya ke modul Starter boilerplate saya:

https://github.com/brynj-digital/starter

Fungsi menerima bidang gambar dan nama mesin dari gaya gambar, lalu mengembalikan jalur gambar itu.

Ini berfungsi dalam banyak konteks - Anda bisa lewat node.field_name, content.field_nameatau row._entity.field_name(dalam kasus templat bidang tampilan).

Astaga, sebenarnya butuh waktu untuk mengetahui mengapa URL yang saya hasilkan tidak berfungsi. Semua 404'ed. Anda harus membuat turunan terlebih dahulu jika belum ada .

Jadi misalnya ketika Anda menambahkan gaya gambar nanti, setelah gambar asli diunggah, maka belum ada file gambar gaya (turunan gambar). Itu harus dibuat terlebih dahulu.

Ganti field_MYIMAGEdan MYSTYLEsesuai kebutuhan Anda.

$original_image = $node->field_MYIMAGE->entity->getFileUri();
$style = \Drupal::entityTypeManager()->getStorage('image_style')->load('MYSTYLE');

$destination = $style->buildUri($original_image);
if (!file_exists($destination)) {
  $style->createDerivative($original_image, $destination);
}

$url = $style->buildUrl($original_image);

Saya berharap ini akan terjadi secara otomatis.

agak terkait, inilah yang saya gunakan (terima kasih atas semua jawaban sebelumnya untuk membawa saya ke sana) untuk mendapatkan URL file gambar dari bidang gambar entitas media di ranting:

{% set media_img_url = file_url(content.field_media_image.0['#item'].entity.uri.value) %}

sekarang saya bisa menggunakan variabel ini di templat ranting saya

{{ media_img_url }}

Untuk mendapatkan atribut gambar seperti URI, alt, judul dll gunakan sintaks seperti di bawah ini

Dalam template ranting simpul

{{node.field_name.entity.fileuri}}

Di ranting templat bidang

{{content.field_name.entity.fileuri}}

Di ranting templat bidang lain

{{element['#object'].field_name.entity.fileuri}}

Catatan: Periksa juga lembar cheat modul twig_tweaks untuk detail yang terkait dengan masalah terkait ranting.

Anda bisa menggunakan url()metode yang ada di kelas File sebagai pintasan jadi:

{{ file_url(node.field_image.entity.fileuri) }}

dapat disingkat menjadi:

{{ node.field_image.entity.url }}

Ini berfungsi dalam fungsi preprocess tetapi memicu Twig_Sandbox_SecurityErrorketika dipanggil dalam ranting template.

Jika Anda menerima, Twig_Sandbox_SecurityErrorAnda dapat memberitahu ranting untuk mengizinkan urldalam file settings.php Anda sebagaimana disebutkan dalam posting Stackoverflow ini

Lihat dokumentasi pada File :: Url () https://api.drupal.org/api/drupal/core%21modules%21file%21src%21Entity%21File.php/function/File%3A%3Aurl/8.6.x

Anda bisa melakukannya dengan dua cara!

1) file_create_url (---------) // di dalam tulis path node

2) file_url (-------) // di dalam tulis path node