如何将 PNG 图像转换为 base64 - React Native

问题描述

我在我的应用程序文件夹中存储了一些 PNG 图片。现在我想将该 PNG 图像转换为 base64。

图片文件路径：

app > assets > images > sample.png

我尝试过 react-native-fs 库，它给了我这样的警告

错误：ENOENT：没有那个文件或目录，打开 '/private/var/containers/Bundle/Application/4BE270A4-01B2-41D6-8488-15741E9E47CF/Wapp.app/assets/app/assets/images/sample.png

一些 PNG 文件正在运行。而这个 PNG 文件不起作用。

注意：我只希望在 iOS 方面进行这项工作。

我的代码库：

  const imageData = await RNFS.readFile(
      RNFS.MainBundlePath + '/assets/app/assets/images/sample.png','base64',).then();

解决方法

最后，我找到了解决此问题的方法。

基本上，问题是我需要将资产与 iOS 版本捆绑在一起，还需要将资产文件夹添加到 Xcode 中并链接它。

步骤：

使用此命令将所有资产与 iOS 版本捆绑在一起

react-native bundle  --minify --dev false --assets-dest ./ios --entry-file index.js --platform ios --bundle-output ios/main.jsbundle

在此之后，将包含所有图像的资产文件夹添加到 Xcode 中。