React native 如何使用react native camera显示来自摄影机滚动url的图像?
我使用react native camera捕获图像并将其保存在适用于iOS设备的cameraRoll(CaptureTarget)中,在捕获时,我以以下形式获取图像路径React native 如何使用react native camera显示来自摄影机滚动url的图像?,react-native,react-native-camera,React Native,React Native Camera,我使用react native camera捕获图像并将其保存在适用于iOS设备的cameraRoll(CaptureTarget)中,在捕获时,我以以下形式获取图像路径 "assets-library://asset/asset.JPG?id=8B55D3E5-11CE-439A-8FC6-D55EB1A88D7E&ext=JPG" 如何使用此路径在图像组件中显示图像(来自react native) 以前我使用磁盘作为CaptureTarget选项,并且我能够显示图像url图像组件,
"assets-library://asset/asset.JPG?id=8B55D3E5-11CE-439A-8FC6-D55EB1A88D7E&ext=JPG"
如何使用此路径在图像组件中显示图像(来自react native)
以前我使用磁盘作为CaptureTarget选项,并且我能够显示图像url图像组件,但现在要求将图像保存在camera roll中?我使用RNFetchBlob从“资产”获取base64-library://..“url,我的捕获功能是
this.camera.capture()
.then((data) => {
// console.log(data);
RNFetchBlob.fs.readFile(data.path, 'base64')
.then((base64data) => {
let base64Image = `data:image/jpeg;base64,${base64data}`;
this.props.addImagesToUntagged(data.path);
})
})
在这之后,我为用户提供了一些有关此base64数据的应用程序内功能,最后,当我需要将此数据发送到s3服务器时,我使用axios&RNFetchBlob发送此数据
axios.get(ENDPOINT_TO_GET_SIGNED_URL, {params:{'file-name': file.name,'file-type': file.type,"content-type": 'evidence'}})
.then(function (result) {
// console.log(result);
returnUrl = result.data.url;
var signedUrl = result.data.signedRequest;
return uploadFile(file,signedUrl)
})
在我的uploadFile函数中,我通过以下代码上传图像
RNFetchBlob.fetch('PUT', signedUrl,
{'Content-Type' : file.type},
RNFetchBlob.wrap(file.uri)
)
.then(resolve)
你算出来了吗?@ajonno请看我的答案