Где сохранить ~ 500 файлов изображений для приложения MERN

Question

Я создаю спортивное веб-приложение, и для него мне нужны миниатюрные изображения для каждого баскетболиста NBA.Я написал скрипт, который захватывает пути к изображениям (ссылки вроде этого - http://a.espncdn.com/combiner/i?img=/i/headshots/nba/players/full/3414.png&w=350&h=254),, поэтому у меня есть доступ ко всем изображениям, но я не уверен, каковы рекомендации React в отношении того, где сохранять эти типыИзображения. Я думаю, что мои варианты:

1. Сохраните файлы изображений для каждого игрока в каталоге приложения (где хранятся другие изображения, я думаю, папка ресурсов моего приложения), и импортируйте их вapp.
2. Не сохраняйте файлы изображений, а создавайте в моей базе данных таблицу с идентификаторами игроков и путями к изображениям, и мое приложение использует эти пути для захвата уже размещенных изображений.
3. По сути, и A, и B. Сначала сохраните файлы изображений, а затем заново разместите файлы изображений самостоятельно и свяжите их с этими недавно размещенными изображениями.

Имеют ли смысл эти 3 варианта? Я чувствую, что(3) является лучшим вариантом, но также требует большей работы. (2) кажется самым простым, но наименее надежным, так как я не могу поверить, что уже размещенные URL-адреса изображений будут работать всегда, и (1) простоКажется, это не лучший подход, поскольку для получения всех изображений требуются сотни операторов импорта в моем приложении.

Не вопрос кодирования, но я думаю, что он имеет широкую применимость, и я надеюсь, чтопост может не спать.Любая помощь или мысли приветствуются в этом!

Редактировать: для справки, вот что-то вроде того, как выглядит моя таблица:

> player.image.df
      [,1]                [,2]                                                                                       
 [1,] "alex-abrines"      "http://a.espncdn.com/combiner/i?img=/i/headshots/nba/players/full/2995702.png&w=350&h=254"
 [2,] "quincy-acy"        "http://a.espncdn.com/combiner/i?img=/i/headshots/nba/players/full/6576.png&w=350&h=254"   
 [3,] "steven-adams"      "http://a.espncdn.com/combiner/i?img=/i/headshots/nba/players/full/2991235.png&w=350&h=254"
 [4,] "bam-adebayo"       "http://a.espncdn.com/combiner/i?img=/i/headshots/nba/players/full/4066261.png&w=350&h=254"
 [5,] "arron-afflalo"     "http://a.espncdn.com/combiner/i?img=/i/headshots/nba/players/full/3187.png&w=350&h=254"   
 [6,] "alexis-ajinca"     "http://a.espncdn.com/combiner/i?img=/i/headshots/nba/players/full/3410.png&w=350&h=254"   
 [7,] "cole-aldrich"      "http://a.espncdn.com/combiner/i?img=/i/headshots/nba/players/full/4267.png&w=350&h=254"   
 [8,] "lamarcus-aldridge" "http://a.espncdn.com/combiner/i?img=/i/headshots/nba/players/full/2983.png&w=350&h=254"   
 [9,] "jarrett-allen"     "http://a.espncdn.com/combiner/i?img=/i/headshots/nba/players/full/4066328.png&w=350&h=254"
[10,] "kadeem-allen"      "http://a.espncdn.com/combiner/i?img=/i/headshots/nba/players/full/3134880.png&w=350&h=254"

Это не мои ссылки, и яу меня нет возможности узнать, изменяет ли ESPN эти ссылки, поэтому я считаю, что (3) является лучшим подходом здесь.Но я не уверен, как быстро и легко разместить свои собственные изображения.

Answer 1

Я бы порекомендовал третий вариант, это, безусловно, самый надежный способ убедиться, что эти изображения доступны и использовать его по своему усмотрению.

Вам не нужно делать импорт для каждого изображения,как только у вас есть все пути к изображениям в вашей базе данных, вы можете использовать функцию require () для ее динамической загрузки.

Вам просто нужно создать скрипт, чтобы загрузить все изображения в CDN и сохранить его новый путь в свой файл.база данных.

-Edit-

Я считаю, что ваш сервер и ваш bandwitdh достаточно сильны, чтобы справиться с дополнительной работой, генерируемой автоматически размещаемыми изображениями.