Автоматическая загрузка изображения на сервер без перезагрузки страницы

Question

Я создаю приложение видеочата с помощью WebRTC, nodejs и express js. Я хочу иметь изображения на своем сервере, содержащие моментальные снимки потоков в каждой комнате чата. Один образ для каждой комнаты.

Мое предлагаемое решение - назначить лидера для каждой комнаты, чья миссия - получить моментальные снимки (imagedata каждого потока) и объединиться в одно изображение и загрузить его на сервер, который хранит его под imgs/rooms/и повторяет это каждый раз, когда кто-то присоединяется или покидает комнату или каждые 5 минут.

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

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

Answer 1

Посмотрите на Ajax. Он имеет возможность разговаривать с вашим сервером асинхронно, поэтому пользователю не нужно обновлять свою страницу. Вы можете получить тот же результат с помощью websockets, но это сложнее.

Answer 2

Использовать плагины для загрузки файлов на стороне клиента, такие как Jquery File Upload или uploadify. После настройки этих плагинов вы можете получить доступ к файлу через объект запроса на сервере.