时间戳

首页 > 解决方案 > 如何从 HTML 访问 CSV 文件并将其保存在数组中（仅使用 Javascript）

javascript - 如何从 HTML 访问 CSV 文件并将其保存在数组中（仅使用 Javascript）

问题描述

我在 AngularJs 中工作，目标是上传文件并使用 JS 将其保存为数组。

这是我的 HTML：

<input type="file" id = "uploadFile" name = "uploadFile" accept=".csv" required />
<button ng-click="processUploadedFile()"
        <div class="ml20 large-font">Process uploaded file</div>
</button>

这是我处理上传文件的函数：

$scope.processUploadedFile = function() {
    var f = document.getElementById('uploadFile').files[0],
        r = new FileReader();

    r.onloadend = function(e) {
      var data = e.target.result;
    }

    r.readAsBinaryString(f);
}

它显示结果为NULL。

我的 CSV 文件会是这样的：

Header1   Header2    Header3

value1     value2     value3
value1     value2     value3
value1     value2     value3

标签： javascripthtmlarraysangularjs

解决方案

是的你可以。您只需创建一个根据相关 *.CSV 分隔符拆分数据的脚本，或获取执行此操作的第三方脚本。

一个这样的脚本是Papa Parse。

您可以按照以下示例进行操作：https ://www.js-tutorials.com/javascript-tutorial/reading-csv-file-using-javascript-html5/

推荐阅读