Diskuze: NextJS/React dynamický import obrázků

Vojta Korduliak

Člen

Vojta Korduliak:24.4.2022 21:05

Ahoj,
potřeboval bych naimportovat obrázky ze složky takovým způsobem, abych to nemusel importovat ručně. Momentálně jsem zkoušel toto (viz. kód dole), ale nefunguje to, protože se obrázky načítají jako "text/html" (viz. screenshot ). Googlil jsem všude možně, ale nedokážu se dobrat funkčnímu řešení. Předem tak děkuji za odpovědi.

Zkusil jsem:

import React from 'react'
import styles from '../../styles/Gallery.module.scss'

const GalleryContent = () => {

  let items = [];
  for (let i = 0; i < 10; i++) {
    items.push(<img src={`../../public/gallery/img${i + 1}.png`} alt="Photo" />);
  }

  return (
    <div className={styles.galleryWrap}>
        <h3>galerie</h3>
        <div className={styles.galleryWrap}>
          <div className={styles.row}>
              {items.map(img => (img))}
          </div>
        </div>
    </div>
  )
}

export default GalleryContent

Editováno 24.4.2022 21:06

Odpovědět

24.4.2022 21:05

Vojta Korduliak

Člen

Vojta Korduliak:24.4.2022 21:54

Už vím, kde byla chyba. Stačilo místo src={../../public/gallery/img${i + 1}.png} dát src={/gallery/img${i + 1}.png}. text/html to vracelo, protože server nejspíše vracel 404 stránku.

Nahoru Odpovědět

24.4.2022 21:54

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 2 zpráv z 2.