有很多使用 jQuery 读取 CSV 文件的示例，但是 javascript 示例很少。
由于我正在为特定应用程序使用内部脚本编辑器，因此我仅限于使用 Javascript。
我有一个 csv 文件，每行都有标题，后跟数据。
Heading1,Heading2,Heading3,Heading4
row1data1,row1data2,row1data3,row1data4
row2data1,row2data2,row2data3,row2data4
,然而，正在使用的分隔符可能还有其他分隔符，例如^.
由于我无法上传文件，我可以选择手动引用绝对路径。
有没有办法只使用javascript来读取csv文件？
首先，这里有几种使用 javascript 读取文件的方法
HttpRequest：（来自网络服务器或绝对路径）
function readTextFile(file)
{
var rawFile = new XMLHttpRequest();
rawFile.open("GET", file, true);
rawFile.onreadystatechange = function ()
{
if(rawFile.readyState === 4)
{
if(rawFile.status === 200 || rawFile.status == 0)
{
var allText = rawFile.responseText;
alert(allText);
}
}
}
rawFile.send(null);
}
并在使用绝对路径时在文件名中指定 file://
readTextFile("file:///C:/your/path/to/file.txt");
文件阅读器 API：
来源：
- http://codepen.io/matt-west/pen/KjEHg
- http://blog.teamtreehouse.com/reading-files-using-the-html5-filereader-api
HTML
<div id="page-wrapper">
<h1>Text File Reader</h1>
<div>
Select a text file:
<input type="file" id="fileInput">
</div>
<pre id="fileDisplayArea"><pre>
</div>
JS
window.onload = function() {
var fileInput = document.getElementById('fileInput');
var fileDisplayArea = document.getElementById('fileDisplayArea');
fileInput.addEventListener('change', function(e) {
var file = fileInput.files[0];
var textType = /text.*/;
if (file.type.match(textType)) {
var reader = new FileReader();
reader.onload = function(e) {
fileDisplayArea.innerText = reader.result;
}
reader.readAsText(file);
} else {
fileDisplayArea.innerText = "File not supported!"
}
});
}
MS Windows 上的 JS（简单示例）
来源：http : //msdn.microsoft.com/en-us/library/czxefwt8(v=vs.84).aspx
function ReadFiles()
{
var fso, f1, ts, s;
var ForReading = 1;
fso = new ActiveXObject("Scripting.FileSystemObject");
ts = fso.OpenTextFile("c:\\testfile.txt", ForReading);
s = ts.ReadLine();
// s holds the text content
ts.Close();
}