保存文件时如何解决Cors错误

Question

我想上传一个文件并保存在本地目录中。

HTML代码：

<input type="file" id="file" (change)="handleFileInput($event.target.files)">

组件代码

handleFileInput(files: FileList) {
    this.sow = files.item(0);
    this.fileUploadService.postFile(this.sow).subscribe(data => {
      // do something, if upload success
      }, error => {
        console.log(error);
      });
  }

服务代码：

postFile(fileToUpload: File): Observable<any> {
    const filepath = 'C:\Users\admin\Desktop';
    return this.http.post(filepath , fileToUpload);
  }

我收到如下cors错误。

  

从源访问“ file：/// C：/ UsersAdminDesktop”处的XMLHttpRequest   “ http://localhost:4200”已被CORS政策禁止：跨来源   仅协议方案支持请求：http，data，chrome，   chrome-extension，https。

由于我是新手，请帮助我解决这个问题