从本地目录读取csv文件

时间:2020-08-19 22:43:35

标签: angular nativescript

我正在尝试从本地目录中读取CSV文件,但一直出现错误。我使用相同的代码读取公共服务器上托管的相同CSV文件。我使用URL指向CSV文件,并且可以正常工作。我不确定在尝试读取存储在本地目录中的文件时为什么会收到此错误。

export class CsvreadService {

    url ="assets/cases.csv";
  
  constructor(private http:HttpClient) { }

  getInfo(){
      return this.http.get(this.url, {responseType:'text'})
  }

}




@Component({
  selector: 'csvread-app',
  templateUrl: './csvread.component.html',
  styleUrls: ['./csvread.component.css'],
  moduleId:module.id
})
export class  CsvreadComponent implements OnInit{

    public userArray: Covid[] = [];

    constructor(private csvreader:CsvreadService){}

    ngOnInit(){
        this.getData()

    }

    getData(){
        this.csvreader.getInfo().subscribe(data=>
            {
                let csvToRowArray = data.split("\n");
                for (let index = 1; index < csvToRowArray.length - 1; index++) {
                let row = csvToRowArray[index].split(",");
                this.userArray.push(new Covid( row[0], row[1], parseInt(row[2]), row[3],row[4].trim()));
                }
                console.log(this.userArray);
                },
                error => {
                console.log(error);
                }
                );
            }
        }

enter image description here

1 个答案:

答案 0 :(得分:0)

请尝试像这样在angular.json文件中设置资产路径-

"architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
           "assets": ["src/assets", ...], # define your assets path here
            ...
          },
           ...

它应该可以正常工作。

相关问题