使用react-native-image-crop-tool

编程问答 2022-06-13

问题描述

在我正在构建的一个本机应用程序中，我使用了react-native-image-crop-tool 它给了我裁剪和旋转图像的uri。但是问题是，当我使用Axios将这个URL上传到服务器时，服务器无法读取它并引发错误。

我的应用程序的层次结构为：UploadScreen-> ImageCropScreen-> Upload屏幕。

在上传屏幕上，有一个加号按钮可打开相机或图库，并选择图像。选择后，将其重定向到ImageCropScreen，其中使用了上述库并实现了裁剪和旋转功能。

在使用react-native-image-picker捕获图像并且服务器抛出Image not readable错误时，请考虑以下两种情况：

  1. 完成裁剪后，该URL返回到“上载”屏幕，在此处以平面列表形式显示该URL。按下上传按钮时，会调用图片上传API，但会引发unreadable错误。

  2. 裁剪完成后，图像将从ImageCropScreen本身上传到服务器，并且成功上传。

  3. 那些在图库中可见的捕获图像，当我从图库中选择要上传的图像时，它会给出相同的图像可读错误。

PS：图像通过裁剪库存储在缓存中。引用图片网址：file:/data/user/0/in.application.name/cache/21b8299a-e647-42e8-a107-62ac0dca9e66.jpg

在所有情况下，经过10-15秒（这就是我观察到的时间）后，无法访问缓存图像，但是可以在图库中查看它，甚至可以在<Image>中显示它。

对这项技术不熟悉。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

imageimagereact-native