當圖像是物件陣列的元素時，如何顯示儲存為頁面資源的圖像？

php小編子墨跟大家分享一個關於影像顯示的問題：當影像是物件陣列的元素時，如何顯示儲存為頁面資源的影像？這是一個常見的問題，特別是在處理圖像上傳和展示的場景中。在PHP中，我們可以透過使用HTML的標籤來顯示圖像，同時結合PHP的循環和輸出語句，可以很方便地遍歷物件陣列並將圖像顯示在頁面上。以下是一個簡單的範例程式碼，幫助大家了解如何實現這個功能。首先，我們假設已經有一個物件數組$images，其中儲存了多個影像的訊息，包括影像的路徑和名稱等。接下來，我們可以使用foreach迴圈來遍歷數組，並在迴圈中使用echo語句輸出標籤，並設定src屬性為圖像的路徑。這樣，當頁面載入時，就會自動顯示所有圖像。希望這個簡單的範例能幫助大家解決類似的問題，如果還有其他疑問，歡迎留言討論。

問題內容

我的頭版中的圖片是這樣儲存的：

images:
  - image: image_1.jpg
    caption: "image 1 caption"
  - image: image_2.jpg
    caption: "image 2 caption"

我只想顯示第一個，所以我使用以下內容：

{{ $image := .resources.getmatch (printf "**%s" (index .params.images 0).image) }}

奇怪的是，只有當我在本地 hugo 伺服器運行時添加 .image 部分時，這才有效。一旦我停止並再次啟動，網站就無法重建並出現以下錯誤：

... execute of template failed: template: partials/content/figure.html:7:70: executing "partials/content/figure.html" at <0>: can't evaluate field image in type string

我只想能夠存取 images[0].image。我怎樣才能做到這一點？

解決方法

事實證明，我還有一些其他內容類型，其中前面的 images 仍然是簡單的數組，而不是物件數組。這導致了我的建置錯誤。為了解決這個問題，我使用了以下建議，這裡：

{{ $image := "" }}
{{ if reflect.IsMap (index .Params.images 0) }}
  {{ $image = .Resources.GetMatch (printf "**%s" (index .Params.images 0).image) }}
{{ else }}
  {{ $image = .Resources.GetMatch (printf "**%s" (index .Params.images 0)) }}
{{ end }}

以上是當圖像是物件陣列的元素時，如何顯示儲存為頁面資源的圖像？的詳細內容。更多資訊請關注PHP中文網其他相關文章！