Как сделать input, который активирует камеру телефона (либо ноутбука, либо вебку), но не даёт загрузить существующий файл?

На сайте есть форма. Нужно, чтобы пользователи могли только сделать фото (с помощью телефона, веб-камеры, камеры ноутбука), но при этом не могли загрузить существующий файл. Может есть какое-то готовое решение на js или просто html атрибут? Самостоятельно не смог нагуглить, может кто сталкивался с такой задачей?

Дополнительно:

Ответы:

https://developer.mozilla.org/en-US/docs/Web/HTML/...

Есть атрибут capture для input но все равно будет возможность выбора файла
Ваш вариант - это запрашивать доступ к камере, делать снимок, Бин данные снимка слать на сервер

  • https://developer.mozilla.org/en-US/docs/Web/API/M...

+ Заказать

 

Для решения данной проблемы вы можете воспользоваться услугами фрилансеров. Мы выполним необходимую работу быстро и качественно.

 

    • Как сделать input, который активирует камеру телефона (либо ноутбука, либо вебку), но не даёт загрузить существующий файл?Есть ответ
    • 07.04.2024
    Ответить

    Для создания input, который активирует камеру телефона или вебкамеру ноутбука и не позволяет загрузить существующий файл, можно использовать атрибут accept с параметром "image/*", который ограничивает тип файлов, которые можно выбрать через input.

    Пример кода на языке HTML:

    Здесь мы создаем input типа file с атрибутом accept, который указывает на то, что можно выбирать только файлы изображений. Атрибут capture указывает на то, что нужно активировать камеру устройства для создания нового изображения.

    Если вы хотите дополнительно ограничить доступные форматы файлов, вы можете указать их явно в параметре accept. Например, если вам нужны только файлы JPEG и PNG, вы можете использовать следующий код:

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

    Надеюсь, этот ответ поможет вам решить вашу проблему! Если у вас есть дополнительные вопросы, не стесняйтесь задавать.

Оставить комментарий