2017-02-22 4 views
0

Was ist der beste Weg, Bilder zur Laufzeit in Create-react-app zu importieren. Meine App ruft ein Array von einer API ab, die ~ 20 Bildnamen enthält. Wie lade ich diese Bilder zur Laufzeit in meine App, um sie anzuzeigen? (Es gibt über 300 Bilder im Bildordner, daher ist es nicht empfehlenswert, sie alle zu importieren/zu bündeln).Importieren von Bildern zur Laufzeit

+0

Was meinen Sie mit 'laden diese Bilder'? Möchten Sie, dass sie angezeigt werden? Dann verwenden Sie '' Tag für jedes Bild. –

+0

ja tatsächlich, zeige sie an. Ich meine, diene ihnen aus einem statischen Ordner und benutze einfach 'src =" imageFileName "'? –

+0

wenn durch bildname du die image url meinst, dann füge es einfach zu src hinzu @RobIndesteege – user2396315

Antwort

1

Wenn Sie viele Bilder hosten, würde ich mir vielleicht ein CDN erstellen oder sie einfach in einen S3-Bucket auf AWS legen. Dies würde die Belastung Ihrer Website reduzieren. Die Bildnamen können den Namen im S3-Bucket zugeordnet werden, sofern sie gleich benannt sind.