首页 > 解决方案 > 如何使用 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);
}

标签: angulartypescriptspring-boot

解决方案


推荐阅读