Я пытаюсь разрешить пользователю загружать изображение на сервер, а затем отображать изображение на клиенте после завершения загрузки. Я изо всех сил пытаюсь заставить <img src= /> ссылаться на правильный путь. Я создаю приложение с помощью веб-пакета и пытаюсь заставить его работать как в рабочей среде, так и в рабочей среде.
Моя упрощенная структура папок:
|-- files
| uploadedImage.jpg
|--dist
| index.html
| main.js
|--src
| --Components
| InputComponent.js
|server.js
Я использую Multer для обработки загрузка. Я сохраняю файл в папке files, а затем сохраняю имя файла в документе MongoDB для пользователя. Как только это будет сделано, я обновлю свое хранилище с редуксом именем файла и передам его в компонент. Я пытаюсь загрузить изображение в свой компонент реагирования, ссылаясь на имя файла в папке files.
Я что-то упустил в сборке веб-пакета? Я подумал, что это не проблема, потому что загрузка происходит после сборки приложения. Мне просто нужна ссылка на папку files? Я не совсем уверен, как это сделать, потому что папка находится вне приложения или браузера реагирования.