Reactjs 访问本地存储中的映像

您好，我试图访问assets/images/flower.png中的图像，我使用的是

react native fs

，但我尝试了不同的路径，但没有成功。以前有人这样做并成功过吗

var RNFS = require("react-native-fs");
this.base64RouteImage = await RNFS.readFile(
  "../../../assets/images/flower.png",
  "base64"
).then();
console.log("64 is " + base64data);

我尝试了以下不同的路径，如下所示

/images/flower.png
app/assets/images/flower.png
/app/assets/images/flower.png
file://app/assets/images/flower.png
./assets/images/flower.png
import Flower from "../../../assets/images/flower.png";
../../../assets/images/flower.png

编辑1

我在android中添加了读/写内部/外部权限

编辑2

我试过了

RNFS.DocumentDirectoryPath+“/assets/images/flower.png”

但是它说

错误：enoint:/data/user/0/com.tipll/files/assets/images/flower.png（没有这样的文件或目录）

我需要访问react native assets文件夹中的图像

app/assets/images/flower.png

还是不走运

编辑3

当前屏幕中的路径引用类似于

。/../../../assets/images/flower.png

编辑4

编辑5

我试图从

app/views/routes/view/Flower.js

这个Flower.js屏幕访问图像

任何帮助都将不胜感激

---

提前感谢从内部内存访问数据：文件路径

“/storage/emulated/0/”

---

从外部存储器（SD卡）访问数据：文件路径

“/storage/0000-0000/”

这里没有什么问题

1） SD卡名称“0000-0000”如何

嗯，0000-0000是，每次SD卡格式化时它都会改变。如果你想调整它，也就是说，你想添加你自己的序列号，看看这篇文章

2） 你现在怎么知道你的SD卡序列号是多少

---

您可以使用Playstore中的文件管理器来了解SD卡序列号，并对此进行探索

如果要从（设备的）内部存储器读取，请尝试以下操作：

    file:///storage/emulated/0/Pictures/flower.jpg

我猜您希望从rn项目中的文件夹中读取。。。您必须提供项目的结构

因此，请尝试使用require（“../../../assets/images/flower.png”）

---

或者尝试使用绝对路径：require（'MyApp/app/assets/images/flower.png'）

您可以清除您正在测试它的paltform吗！因为你标记了两个反应技术，但没有平台！是否要在图像组件中显示花朵图像？在android和iOS应用程序中？您不需要

。然后（）

如果您正在使用

等待

@Rizwanatta，我需要本地映像将其转换为base64字符串以加载。我在iOS和android上都需要它这只和android有关吗？你能检查我的编辑吗？2我尝试了“torage/emulated/0/”+“/assets/images/flower.png”我得到了错误：enoint:/storage/emulated/0/assets/images/flower.png（没有这样的文件或目录），我将更新我的答案。我认为本地存储是内部存储。您是否能够将该图像放置在图像标签中，并使用您正在使用的路径。您是否可以检查我的编辑3和编辑4添加的结构您是否可以检查我的编辑3和编辑4添加的结构您必须从App.js访问图像？不可以从内部的屏幕访问图像，就像它的路径一样app/views/routes/view/Flower.jsI尝试了require，但得到了错误

错误：enoint:/data/user/0/com.tipll/files16（没有这样的文件或目录）