图像文件未到达后端-平均堆栈

Question

我有一个要上传的图片。在执行POST之前，我可以验证文件已准备好发送。

我也将其转换为base64。第一次使用图像，但是我认为这是我需要做的。console.log(fileUpload.file);输出：

我正在使用fast-azure-storage library

但是到达后端时>]

     console.log("FILE DATA")
      console.log(req.body);
输出：

FILE DATA
{}
我无法获取文件数据以到达后端。我不确定自己在做什么错。有什么我想念的吗？感谢您的帮助！app.js

app.post("/api/fileupload", checkAuth, (req, res, next) => {
  const account = "myaccount";
    console.log("FILE DATA")
      console.log(req.body);
  var blob = new azure.Blob({
    accountId:  process.env.ACCOUNTID,
    accessKey:  process.env.ACCESSKEY
  });

  var blobContent = 'Sample content'; // The content can be a string or a Buffer
  // Create container and upload a blob
  blob.createContainer('mycontainer1').then(function() {
    return blob.putBlob('mycontainer', 'myblob', {
      type:  'BlockBlob',     // Type of the blob 
    }, req.body.file);
  });

});

file-picker.adapter.ts

import { FilePreviewModel } from 'ngx-awesome-uploader';
import { HttpRequest, HttpClient, HttpEvent, HttpEventType } from '@angular/common/http';
import { map } from 'rxjs/operators';
import { Observable } from 'rxjs';
import { FilePickerAdapter } from 'ngx-awesome-uploader';
import { FilePreviewModelWithAuctionId } from './file-upload.model';

export class DemoFilePickerAdapter {
  constructor(private http: HttpClient) {
  }
  public uploadFile(fileItem: FilePreviewModel) {
    const form = new FormData();
    form.append('file', fileItem.file);




    let file = fileItem.file;
    let reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onload = function () {
      console.log(reader.result);
    };
    reader.onerror = function (error) {
      console.log('Error: ', error);
    };

    console.log(fileUpload.file);

    return this.http.post<{

    }>("http://localhost:3000/api/fileupload", file);

  }

}

我有一个要上传的图片。在执行POST之前，我可以验证文件已准备好发送。我也将其转换为base64。第一次使用图像，但是我相信'...

Answer 1

不是关节外科专家。通过搜索“角度图像上传”找到一些参考：