Question

要使用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]
    });
  };

Answer 1

检查此库：

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

将其添加到您的项目后，请执行以下操作：

// Launch Camera:
ImagePicker.launchCamera(options, (response)  => {
 // Same code as in above section!
});

如何自动打开相机

1 个答案: