如何在我的reactjs项目之外动态使用图片?

时间:2019-10-24 10:19:26

标签: reactjs image

我正在开发一个仅客户端的ReactJS应用程序(仅用于本地使用),在这里我需要通过文件路径(URL和本地文件系统)保存和加载图像。

路径存储在本地存储中,并且可以使用URL中的图像。无论如何,由于ReactJS使用了项目目录,所以本地图像无法显示,我无法对其进行转义。

是否可以从本地文件系统打开具有绝对路径的文件,还是可以将其上传到项目目录中?

1 个答案:

答案 0 :(得分:1)

您是否正在通过浏览器运行它?如果是这样,浏览器上的Javascript尚无法访问本地文件系统。我没有尝试过,但是您可以在本地运行Node并使用ExpressJ进行客户端-服务器通信。

here所述:

  

您将需要两件物品:

     
      
  • 一个浏览器,用于与用户进行UI。
  •   
  • 一个节点块,它在用户的机器上运行(因此可以访问文件系统),浏览器块用来执行实际的文件操作。   片段之间最简单的交互方式可能是HTTP,您可以使用ExpressJS轻松支持它。
  •   
     

例如,如果用户要删除文件:

     
      
  • 用户点击后说“删除此文件”
  •   
  • 浏览器JavaScript通过Ajax通过HTTP将命令发送到Node进程
  •   
  • 节点进程进行删除并报告成功/失败
  •   
  • 浏览器JavaScript显示结果
  •