javascript - 是否可以使用 Papa 解析从文件目录中自动选取 CSV 文件？

Question

我的应用程序具有以下目录结构:

• CSS
• 文件
• js
• 图片
• index.html

我的 csv 文件位于“files”文件夹中。我希望我的 js 自动从目录中选择 csv 文件并将该文件传递给 Papa 解析。

我需要实现这个，因为这是要求。我不允许使用 html 的输入标签来选择文件。

请告诉我是否可以，然后如何实现。如果不可能，请告诉我另一种方法。

Answer 1

如果这是在您的本地计算机上，您必须设置一个简单的服务器，以允许您的 JS 文件读取它。这可以按如下所述完成:

1. 导航到包含 CSV 文件的文件夹
2. 在该文件夹中，运行命令$ python3 -m http.server
3. 这将允许通过链接 http://lvh.me:8000/your_csv_file.csv 提供文件
4. 接下来，使用 Papa Parse 在 JS 文件中粘贴以下内容:
   
   

   Papa.parse("<a href="http://lvh.me:8000/your_csv_file.csv" rel="noreferrer noopener nofollow">http://lvh.me:8000/your_csv_file.csv</a>", {
       //parameters to set
       download: true,
       header: true,<br/>
       complete: function(results) {
           console.log(results);
       }
   });

   
   
5. 在 Chrome 上，您必须启用跨域资源共享。您可以使用该应用程序 Allow-Control-Allow-Origin
6. 使用 Chrome，导航至您的网页并查看控制台日志。您的 CSV 文件的内容就在那里!