Maison > développement back-end > Golang > Comment afficher une image stockée en tant que ressource de page lorsque l'image est un élément d'un tableau d'objets ?

Comment afficher une image stockée en tant que ressource de page lorsque l'image est un élément d'un tableau d'objets ?

WBOY
Libérer: 2024-02-10 11:33:11
avant
585 Les gens l'ont consulté

Comment afficher une image stockée en tant que ressource de page lorsque limage est un élément dun tableau dobjets ?

L'éditeur PHP Zimo souhaite partager avec vous une question sur l'affichage des images : lorsque l'image est un élément d'un tableau d'objets, comment afficher l'image stockée en ressource de page ? Il s'agit d'un problème courant, en particulier dans les scénarios liés au téléchargement et à l'affichage d'images. En PHP, nous pouvons afficher des images en utilisant la balise Comment afficher une image stockée en tant que ressource de page lorsque l'image est un élément d'un tableau d'objets ? de HTML, et en combinaison avec les instructions de boucle et de sortie de PHP, nous pouvons facilement parcourir le tableau d'objets et afficher l'image sur la page. Vous trouverez ci-dessous un exemple de code simple pour vous aider à comprendre comment implémenter cette fonction. Tout d'abord, nous supposons qu'il existe déjà un tableau d'objets $images, qui stocke des informations sur plusieurs images, y compris le chemin et le nom de l'image. Ensuite, nous pouvons utiliser une boucle foreach pour parcourir le tableau, utiliser l'instruction echo dans la boucle pour afficher la balise Comment afficher une image stockée en tant que ressource de page lorsque l'image est un élément d'un tableau d'objets ? et définir l'attribut src sur le chemin de l'image. De cette façon, lors du chargement de la page, toutes les images seront affichées automatiquement. J'espère que cet exemple simple pourra aider tout le monde à résoudre des problèmes similaires. Si vous avez d'autres questions, veuillez laisser un message pour en discuter.

Contenu de la question

L'image sur ma page d'accueil est stockée comme ceci :

images:
  - image: image_1.jpg
    caption: "image 1 caption"
  - image: image_2.jpg
    caption: "image 2 caption"
Copier après la connexion

Je veux seulement montrer le premier, j'utilise donc ce qui suit :

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

Étrangement, cela ne fonctionne que si j'ajoute la partie .image lors de l'exécution sur un serveur Hugo local. Une fois que je m'arrête et redémarre, le site ne parvient pas à se reconstruire avec l'erreur suivante :

... 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
Copier après la connexion

Je veux juste pouvoir accéder aux images[0].image. Comment puis-je faire ceci? images[0].image。我怎样才能做到这一点?

解决方法

事实证明,我还有一些其他内容类型,其中前面的 imagesSolution de contournement

Il s'avère que j'ai d'autres types de contenu où les images précédentes sont toujours un simple tableau, pas un tableau d'objets. Cela a entraîné une erreur de construction pour moi. Pour résoudre ce problème, j'ai utilisé les suggestions suivantes, 🎜ici🎜 : 🎜
{{ $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 }}
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:stackoverflow.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal