как автоматически открыть камеру - PullRequest
0 голосов
/ 17 сентября 2018

Чтобы захватить изображение с мобильного телефона с помощью кода React js, я использую следующий код

 <input type="file" accept="image/*" capture onChange={this.loadFile}/>

Этот входной тег зависит от переменных состояния при реагировании.Когда визуализируется входной тег, сначала он попросит пользователя нажать кнопку «выбрать файл», а затем откроет камеру.Итак, можем ли мы открыть камеру напрямую, чтобы кнопка «Выбрать файл» не появлялась и сразу при изменении значений состояния, когда камера открывалась?Функция обработчика loadFile: -

loadFile = (event: any) => {
    var reader = new FileReader();
    reader.onload = function() {
      output: HTMLImageElement;
      var output = document.getElementById("output");
      output.src = reader.result;
    };
    reader.readAsDataURL(event.target.files[0]);
    // console.log(event.target.files[0]);
    this.setState({
      activeCameraToggle: 0,
      photo1: event.target.files[0]
    });
  };

1 Ответ

0 голосов
/ 17 сентября 2018

Проверьте эту библиотеку:

https://github.com/react-community/react-native-image-picker

После добавления его в ваш проект сделайте следующее:

// Launch Camera:
ImagePicker.launchCamera(options, (response)  => {
 // Same code as in above section!
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...