如何使用 Angular 6 将 PDF 文件上传到服务器答案

【问题标题】：How to upload PDF file to server using angular 6如何使用 Angular 6 将 PDF 文件上传到服务器
【发布时间】：2019-12-03 20:01:27
【问题描述】：

我使用 JsPDF 库生成 HTML 内容以导出 PDF 文件。现在，我需要如何使用 Angular 6 将导出的 PDF 文件传递到服务器。提前致谢

【问题讨论】：

标签： angular6 angular7 angular8 jspdf

【解决方案1】：

这是我的做法。

 //HTML code

 <input type="file" name="File Upload" id="txtFileUpload" accept=".csv" 
  (change)="changeListener($event)" />


//Component.ts
  You have to import StaffService here:

 changeListener($event: any) {
    this.data = $event.target.files;
    this.postFile(this.data);
}

    postFile(inputValue: any): void {
    this.file = inputValue[0];   
    this.staffService.uploadCSV(this.file).subscribe(response => {
       //Do your next redirection or operation here
}, error =>{});
}

//StaffService.ts

    public uploadCSV(file): Observable<any> {
    const formdata = new FormData();
    formdata.append('files', file);
    return this.http.post(environment.apiUrlIp + this.urls.uploadCSVUrl, formdata, {
        reportProgress: true,
        responseType: 'json'
    });
}

如果您在集成此代码时发现任何问题，请告诉我。乐于助人。

【讨论】：

会检查并通知您先生。感谢您的回复
工作完美，先生。非常感谢。现在这里又多了一个疑惑，jspdf中如何生成多个页面
很高兴为您提供帮助。我会尽快回答你的问题。顺便说一句，我是女士，不是先生。
不...非常感谢您，妈妈...急切地等待您的回复。编码快乐..!!
对于添加页面只需使用来自 jsPDF 库的.addPage() 方法