导入CSV文件并在Bootstrap网站上显示数据需要哪些语言？

Question

我有一个包含数据的csv文件，想要对这些数据进行报告。我在想，完成以下场景需要什么样的工作流程和编程语言：

先描述场景，然后在括号里写上需要的语言。

举个例子；在第二步提取的数据可能是某个类别的记录数量，比如：服装！

我对这些语言不是很确定，但我觉得工作流程可能是这样的：

1. 在bootstrap网站上按一个按钮，打开文件管理器：选择要导入的文件（javascript） - javascript会调用第二步的python脚本
2. 按下确认并导入文件后，文件会被（python）打开和处理 - 处理结果通过javascript传回网站的仪表盘？
3. 使用（html 5）和/或（javascript）以及像d3这样的可视化语言，将处理后的数据传递到下面的bootstrap管理仪表盘，并在我的报告中显示服装的销售数量：

bootstrap管理仪表盘

Answer 1

你可以在浏览器里用JavaScript来实现这个功能。

你可以在上传按钮上添加一个监听器，来捕捉变化事件，然后在回调函数中使用FileReader这个API（https://developer.mozilla.org/en-US/docs/Web/API/FileReader）。

这样就不需要把文件发送到你的Python服务器了。

HTML代码：

<input type="file" id="upload" />

JavaScript代码：

var readCSV = function (event) {
    var reader = new FileReader();
    reader.onload = (function(theFile) {
        var lines = theFile.target.result.split(/\n|\r/);
        //code here
    }
}

document.getElementById("upload").addEventListener('change', readCSV);