如何在 Angular 中使用 httpClient 发送文件？

Question

我尝试使用HttpClient发送文件：

 public async uploadProfile(data: UploadProfile): Promise<any> {
    return await this.http.post(this.uploadProfileUrl, data).toPromise();
 }

在发送文件之前，我将其准备为二进制数组：

interface UploadProfile {
    file: any;
}


file = [123, 10, 32, 32, 34, 100, 105, 115, 97, 98, 108, 101, 83, 105, 122, 101, 76, 105, 109]

但我得到错误：

TypeError: Cannot read property 'toLowerCase' of undefined
    at HttpXsrfInterceptor.intercept (http.js:2177)

Answer 1

这可能是由于您的请求期间未定义的 url。 尝试执行以下操作作为测试：

改变：

 public async uploadProfile(data: UploadProfile): Promise<any> {
    return await this.http.post(this.uploadProfileUrl, data).toPromise();
 }

到：

 public async uploadProfile(data: UploadProfile): Promise<any> {
    return await this.http.post('http://yourUrl/resource', data).toPromise();
 }

如果这有效并且您不再看到错误，请尝试找出在您拨打电话时未定义uploadProfileUrl原因。