Question

我在反应原生的应用程序中使用react-native-camera并且一切正常，但是当我拍照时，图片保存在我不想要的设备上，图像应该发送到api但是没有保存在我的设备上，任何人都知道如何让它不能保存在设备上？

render() {
return(
  <View style={styles.container}>
    <Camera
      style={styles.camera}
      ref={ref => {this.camera = ref;}}
      type={Camera.constants.Type.back}
      flashMode={Camera.constants.FlashMode.on}
      orientation={Camera.constants.Orientation.landscapeLeft}>
      <TouchableOpacity onPress={this.takePicture.bind(this)} style={{zIndex: 100}}>
        <View style={styles.cameraButton}></View>
      </TouchableOpacity>
    </Camera>
  </View>
  );
}

takePicture()
{
  this.camera.capture()
  .then((data) => this.sendData(data))
  .catch(err => console.error(err));
}

Answer 1

正确答案是编辑＃2！

您可以在我们的仓库中发布问题：https://github.com/react-native-community/react-native-camera

图像保存在应用程序的缓存目录中。

当解析了promise时，该对象包含一个uri，即图像的路径。或者您可以传递选项base64：true，以从takePictureAsync承诺接收图像的base64表示。

使用base64字符串，您可以将其发送到您的服务器。这就是我们在应用程序中所做的。

编辑：如果你真的不希望它保存在应用程序的缓存目录中，我们可以在takePictureAsync方法中创建一个选项来完成它。作为功能请求，请随时在我们的仓库中打开有关此问题。

编辑＃2：正确答案：您正在使用RCTCamera，默认情况下会将图像保存在设备上。

使用prop captureTarget，传递值Camera.constants.CaptureTarget.temp。所以：

<Camera
...
captureTarget={Camera.constants.CaptureTarget.temp}
...
</Camera>

Answer 2

你可以使用这个API，我使用它并且很容易发送图像。

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

您可以避免创建“相机”视图的工作，当您选择照片（或拍摄照片）时，您可以获得要发送到其中的数据！

React-native-camera不想保存图像

2 个答案: