Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/399.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从本地目录中的文件夹导入文件_Javascript_Reactjs_Filesystems - Fatal编程技术网

Javascript 从本地目录中的文件夹导入文件

Javascript 从本地目录中的文件夹导入文件,javascript,reactjs,filesystems,Javascript,Reactjs,Filesystems,我有一个项目。我试图从帮助文件夹中获取所有文件,并将它们存储在数组或对象中,以便在react组件中进行迭代。我不知道该怎么做。我尝试了一些不同的东西 以下是目录: 我试过: import * as files from '../../../public/help/'; 及 您可以使用process.env.public\u URL获取公用文件夹的路径 在您的情况下,您需要的路径是process.env.PUBLIC\u URL+/help 这可能也有用 window.location.ori

我有一个项目。我试图从帮助文件夹中获取所有文件,并将它们存储在数组或对象中,以便在react组件中进行迭代。我不知道该怎么做。我尝试了一些不同的东西

以下是目录:

我试过:

import * as files from '../../../public/help/';


您可以使用process.env.public\u URL获取公用文件夹的路径

在您的情况下,您需要的路径是process.env.PUBLIC\u URL+/help

这可能也有用


window.location.origin+/help

查看一下,这将生成一个文件名为key的对象。有没有办法使用javascript实现这一点。它不能正常工作@哈里斯我该把它放在哪里。。。出于好奇。。。。例如,如果你想访问帮助文件夹中的geocent-offer.pdf,你可以使用你想访问的组件中的process.env.PUBLIC_URL+/help/geocent-offer.pdf来访问它上面的代码行会去哪里。。。。我会把它作为自己的行放在react对象的文件中吗。我也在使用typescript soo…是的,您可以从代码中的任何位置访问它,如果您将图像存储在“帮助”文件夹中,您可以像这样使用它。如果您要迭代文件夹中的文件,请尝试列出文件。
var req = require.context('../../../public/images/help', false);
    console.log(typeof req)
    console.log(req)
    req.keys().forEach(function(key){
        console.log(req(key));
    });