Javascript 将CSV文件读取到HTML下拉列表

我正在尝试将.csv文件读入HTML下拉列表。目前使用下面的代码，我的下拉列表没有填充。我不确定这是因为我的路径还是我在HTML中没有正确调用它。有什么建议吗

代码我发现这段代码是一个示例，并试图实现它以进行测试，但运气不好：

作用{ var csv\u path=C:\Users\userName\Documents\Qlik\Request Page\streamFileTEST.csv； var rendercsv下拉列表=函数csv{ 变量下拉菜单=$'SelectStyle'； 对于变量i=0；i要填充下拉列表，我们需要设置

请尝试下面的方法，并将代码放入document.ready函数中

var entry = $('<option>').html('value', record.someProperty);

小提琴-

---

注意-我没有使用csv文件，但假设csv被读取并转换为数组

1主要概念-出于安全考虑，您无法通过浏览器读取文件系统。因此，对C:\Users\userName\..执行get请求。。。。这是行不通的

然后再做几件小事：

用户需要自己上传文件，所以我为您的用户添加了一个file类型的输入来上传他们的csv文件。我将其限制为仅包含accept=.csv属性的csv文件

然后，您需要一种处理该文件的方法，我为您提供了handleFile函数，该函数使用从上传的csv文件中读取数据

接下来，我们使用csv数据调用renderCSMDropdown，我对循环进行了一点更新，以循环方式遍历由a分割的元素，并将选项节点附加到select元素。我还为选项添加了一个文本属性，以便您可以看到它们

$inputFile.onchange，handleFile； var rendercsv下拉列表=函数csv{ var下拉列表=$'selectStyle'； var元素=csv.split，； 对于变量i=0；i我不能让用户上传他们自己的文件，我需要让它从一个位置读取。这是一种没有安全问题的方法吗？你能改变文件的位置吗？@PerrinPrograms我能，这只是在我的本地机器上的一个测试，永久文件位置将来自服务器的一个共享文件夹，当数据改变时，该文件夹会自动更新。@不是真的，您可以在这里尝试一些步骤，但在大多数情况下，它可能不起作用。因此，您可以将文件移动到项目本身的目录，并将能够访问它，您是从服务器运行它吗？如果没有，您可以像这样运行一个小型python服务器：然后您可以像这样访问您的文件。localhost:8000/your_file.csvI仍然无法让我的代码工作，即使将attr更改为htmlOk。我让它工作了。在这里找到它-我已经注释了从服务器读取csv文件的代码。一旦需要更改服务器上的文件，请取消注释：1。服务器IIS或任何其他服务器2上的主机文件和html。将代码放入document.ready函数中