Как я могу динамически использовать изображения за пределами моего реактивного проекта?

Question

Я занимаюсь разработкой клиентского приложения ReactJS (только для локального использования), в котором мне нужно сохранять и загружать изображения по файловым путям (URL и локальная файловая система).

Пути хранятся в локальном хранилище и могут использоваться изображения из URL. В любом случае, локальные образы не могут, поскольку ReactJS использует каталог проекта, и я не могу избежать этого.

Есть ли возможность открывать файлы с абсолютным путем из локальной файловой системы или мне нужно / нужно ли загружать их в каталог проекта?

Answer 1

Вы запускаете это через браузер? В таком случае Javascript в браузерах пока не имеет возможности доступа к локальным файловым системам. Я не пробовал это, но вы могли бы запустить Node локально и использовать ExpressJ для связи клиент-сервер.

Как указано здесь :

вам понадобитсядве части:

• Часть браузера, которая выполняет пользовательский интерфейс с пользователем.
• Часть узла, которая выполняется на компьютере пользователя (и, таким образом, может получить доступ к файловой системе) икоторый часть браузера использует для выполнения фактических файловых операций. Вероятно, самый простой способ взаимодействия частей - это HTTP, который вы можете легко поддерживать с помощью ExpressJS.

Например, если пользователь хочет удалить файл:

• Пользователь нажимает что-то, чтобы сказать «удалить этот файл»
• Браузер JavaScript отправляет команду процессу Node по HTTP через ajax
• Процесс Node выполняет удаление и сообщает об успехе / неудаче
• Браузер JavaScript отображает результат