以下Demo可以通过结合input:file来读取CSV文件。
但我只是希望每次使用时，直接读取根目录的data.csv文件就行，不要每次都手动选择再读取。
等于我直接不要input:file，直接用文件的相对路径，是否可以实现？
我自己试了一下不行。
请各位指教，感谢。
[JavaScript] 纯文本查看 复制代码 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>读取 CSV（Comma-Separated Values）文件</title>
</head>
<body>
<input type="file" accept="text/csv" />
<progress value="0"></progress>
<script type="text/javascript">
window.onload = (event) => {
// console.log(event);
main();
}
function main() {
var inputFile = document.querySelector("input[type='file']");
inputFile.onchange = (event) => {
// console.log(event);
var file = inputFile.files[0];
var fileReader = new FileReader();
fileReader.readAsText(file, "utf-8");
// fileReader.readAsText('d:/满意度测试数据.csv', "utf-8");
// 显示进度
var progress = document.querySelector("progress");
progress.max = file.size;
progress.value = 0;
fileReader.onprogress = (event) => {
// console.log(event);
progress.value = event.loaded;
}
fileReader.onload = (event) => {
console.log(event, fileReader);
var result = fileReader.result;
console.log(result); // 读取的结果
}
}
}
</script>
</body>
</html>
| 
发表于 2022-7-1 22:26
