在angularjs中读取Xlsx和csv文件

时间:2017-12-14 10:05:37

标签: javascript angularjs excel csv readfile

我需要读取angularjs中xlsx和csv文件的每一行,并以json格式获取数据。

目前我正在使用angular-file-upload来获取此文件。

$scope.LatLongUploader = new FileUploader({
    //url: "/Map/UploadDamageRatioFile",
    queueLimit: 1,
    removeAfterUpload: true
});

$scope.locationUpload = function () {

        console.log( $scope.LatLongUploader)
        console.log( $scope.LatLongUploader.queue[0].file)
}

并在我的HTML中:

      <div ng-show="true" style="margin-top:4px">
      <input style=" width:212px; float:left" type="file" nv-file-select uploader="LatLongUploader" accept=".xlsx" class="AddLocationUpload" />
      <button ng-click="locationUpload()" ng-disabled=""  id="uploadlatlongfile" title="Upload Latitude Longitude File"><i class="fa fa-upload"></i></button></div>

现在我无法像object.i那样继续使用这个文件。找到了几种方法来读取这个文件,如thisthis。但是这些都没有用。我发现了一些github项目,比如{{ 3}}和this_1

我希望获得最佳实践方面的帮助吗?

我应该在服务器端代码中读取此文件并将数据发送到客户端吗?

哪个第三方应用/小部件有助于此目的?

1 个答案:

答案 0 :(得分:-1)

最后我设法得到这样的文件......

$scope.getLatLonGFile = function () {
        var FileUpload = document.getElementsByClassName('AddLocationUpload');
        $scope.file = FileUpload[0].files[0];

        for (var i = 0; i < FileUpload.length; i++) {
            FileUpload[i] = function () {
                $scope.file = this.files[0];
            }
        }
    } 

现在您可以通过$scope.file轻松阅读文件并根据需要获取数据。

由于