angular - 如何使用 Angular 通过 REST 将 excel 文件发送到我的 API?
问题描述
我正在尝试通过 POST 请求将 excel 文件发送到我的后端,但还没有结果。我的后端准备了正确的 maven 依赖项来读取一个 excel 文件,即 poi-ooxml。问题是发送。
我正在使用 Angular 6(前端)| SpringBoot RESTful API(后端) | PrimeNG
到目前为止我有什么>>>
HTML
<p-fileUpload name="demo[]" customUpload="true" (uploadHandler)="onAttachmentsUpload($event)" maxFileSize="1000000"></p-fileUpload>
打字稿
onAttachmentsUpload(event) {
const file = event.files[0];
console.log(file);
const reader = new FileReader();
let binary;
if(file) {
reader.onprogress = e => {
const rawData = reader.result;
};
reader.onload = e => {
const rawData: any = reader.result;
this.bdpService.getExcelBodyContent(btoa(rawData)).subscribe(
result => {
console.log(result);
},
err => console.error(err)
);
};
reader.readAsBinaryString(file);
} }
服务.TS
getExcelBodyContent(frmData: any) {
const data = {
file: frmData
}
return this.http.post<JSON>(`${environment.API_BDP_FILE_UPLOAD_URL}`, data);
}
解决方案
推荐阅读
- observable - Observable - 仅订阅和处理每次调用可用的最新消息
- recursion - 错误:“NoneType”类型的对象在递归实现合并排序时没有 len()
- sql - Oracle系统信息查询——数据库实例级
- android - 恢复自定义活动后 Nativescript MainActivity 导航不起作用
- javascript - 允许字母数字和空格的正则表达式。使用 UTF8
- php - 如何在laravel中使用like搜索全名
- mysql - MySql 时区 JDBC 问题
- corda - 如何清除 Corda 流测试中出现的消息错误
- typescript - 带有数组元素的 TypeScript 元组
- cypress - Cypress 中的条件测试