无法将带有XHR的base64格式的图像发送到android中的aws S3(react native)

Question

我遇到了一个非常奇怪的问题：我们的应用程序中有文档扫描功能，结果扫描给我的是带照片的base64编码图像。在ios平台上一切都很好，但当我试图在android上发送我的照片时，我得到了xhr.status 0和错误。另外，下一个奇怪的事情是，当我启动调试模式并在react原生调试器中启用网络检查时，图片发送时没有错误。我在发布应用程序版本上尝试，安装在我的设备上，但仍然收到状态为0 的错误

XHR请求

export const uploadXHRImage = (url: string, data: IDataUploadImage) => {
return new Promise((resolve, reject) => {
const xhr = new XMLHttpRequest();
xhr.onreadystatechange = () => {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
resolve('Image successfully uploaded to S3');
} else {
reject(localize('failedUploadImage'));
}
}
};
xhr.ontimeout = () => reject(localize('timeoutUploadImage'));
xhr.timeout = UPLOAD_IMAGE_TIMEOUT;
xhr.open('PUT', url);
xhr.setRequestHeader('Content-Type', data.type);
xhr.send(data);
});
};

Answer 1

添加到标题：

"Content-Type": 'application/json',   
"Connection": "close",  

Answer 2

我找到了答案：Android无法处理xhr发送图像，而图像不会保存为缓存或其他目录中的文件。此外，android在数据之前需要file://。示例如下：

saveImage = (image: string) => {
if (IS_IOS) {
return `data:image/jpg;base64,${image}`;
}
const tempFileDirectory = `${fs.CachesDirectoryPath}`;
const tempFilePath = `${tempFileDirectory}/${uuidv4()}.jpg`;
fs.writeFile(tempFilePath, image, 'base64');
return `file://${tempFilePath}`;
};