HTML контроль ввода файлов с атрибутами захвата и принятия

Question

мой код:

<input type="file" accept="image/*,video/*" capture>

Когда я тестирую его на устройстве Apple и нажимаю на элемент управления вводом, я открываю камеру и получаю доступ к изображению и видео. Но на Android появляется страница «Выберите действие», и камера, видеокамера и документы находятся в списке. Я не хочу, чтобы на нем отображались документы или всплывающие окна, а пользователь не может открывать папки.

Мне нужны изображения и видео, эта проблема возникает при использовании accept = "image /, video /"

Answer 1

Попробуйте использовать это,

 <input type="file" accept="image/*;capture=camera">

label.cameraButton {
  display: inline-block;
  margin: 1em 0;

  /* Styles to make it look like a button */
  padding: 0.5em;
  border: 2px solid #666;
  border-color: #EEE #CCC #CCC #EEE;
  background-color: #DDD;
}

/* Look like a clicked/depressed button */
label.cameraButton:active {
  border-color: #CCC #EEE #EEE #CCC;
}

/* This is the part that actually hides the 'Choose file' text box for camera inputs */
label.cameraButton input[accept*="camera"] {
  display: none;
}

  <label class="cameraButton">Take a picture
    <input type="file" accept="image/*;capture=camera">
  </label>

Answer 2

попробовать:

 <input type="file" accept="image/*" capture="camera">

ИЛИ

 <input type="file" accept="image/*" capture="capture">

ИЛИ

<input type="file" accept="image/*;capture=camera">