如何在反应博览会中显示数据库中的图像

Posted

技术标签:

【中文标题】如何在反应博览会中显示数据库中的图像【英文标题】:How to display images from database in react expo 【发布时间】:2019-07-27 15:59:02 【问题描述】:

我已经从相机捕获了一张图像,然后我存储到文件夹(默认图像路径)和数据库(图像名称),现在我必须将图像与文件夹和数据库进行比较。如果相同,则必须在其中显示图像画廊。如果有人知道意味着请让我知道,提前谢谢。

这里附上我的代码请检查它, 数据库:

display()
      db.transaction(
        tx => 
        tx.executeSql('select * from gallery_images', [], (tx, results) =>
          console.warn(results)
        );
      ,
    );
    

文件夹图片:

componentDidMount = async () => 
    const photos = await FileSystem.readDirectoryAsync(PHOTOS_DIR);
    this.setState( photos );
  ;

【问题讨论】:

请任何人帮助我。 【参考方案1】:

我相信你正在使用 React Native,因为你提到了 expo。我想我得到了你需要的东西,首先让我们分解问题。

    您需要检查两个相等的文件,因此您需要读取它们并获取它们的属性。你可以试试属性阅读器:

    npm 安装属性阅读器

在这里您可以检查文件名、大小、尺寸以及您需要与其他图像进行比较的任何内容。

    需要显示图片,试试import expo

    var icon = this.props.compareSuccessful ?要求('./yourImage.png'):要求('./default.png'); ;

【讨论】:

以上是关于如何在反应博览会中显示数据库中的图像的主要内容,如果未能解决你的问题,请参考以下文章

如何在反应中显示图像文件夹中的每个图像

在本机反应中将图像转换为base64

如何在反应应用程序中从数据库中获取和显示图像

如何在反应本机博览会应用程序(android)中授予相机权限

如何在反应js中显示来自firebase存储的所有图像

如何在本机反应中显示相机胶卷图像文件名列表