Lumen + Angular 上传问题

Question

我正在尝试创建图像上传，但是当我尝试通过 Angular 应用程序上传文件时遇到问题，它不会上传，但是当我尝试通过 Postman 上传图像时，它会上传文件。

我相信它与 Content-Type 有关系，因为当我试图找出问题并在 Postman 中禁用 Content-Type 时，我不再收到相同的错误，并且它工作正常。

这是来自我的 Angular 应用程序的请求标头，它在上传图像时不起作用。

{状态：“错误”，错误：“找不到文件”}

当我在标头中禁用 Content-Type 时，它​​会上传罚款，但如果我要启用它，我会收到与上述相同的错误。

public upload(file: File)
    {
        var data = new FormData();
        data.append('file', file);

        let url = ':api:/assets';

        let observable = Observable.create(
            (observer) => {
                this
                    .baseApiService
                    .getHttpClient()
                    .post(
                        url,
                        data,
                        {
                            observe: 'response',
                        }
                    )
                    .subscribe(
                        (response) => {
                            let data  = response.body;
                            let asset = AssetModel.fromData(data);
                            observer.next(asset);
                            observer.complete();
                        },
                        (error) => {
                            observer.error(error);
                            observer.complete();
                        }
                    );
            }
        );

        return observable;
    }

Answer 1

根据您的测试，如果是标头问题，那么您可以在请求中编辑标头。我希望你使用的是 Angular 的 HttpClient。如果是，请修改您的代码，如下所示：

/* I'm trying to unset the header since we can't directly remove it */

.post(
    url,
    data,
    {
        observe: 'response',
        headers: new HttpHeaders({
            'Content-Type': '' /* OR set to 'image/jpeg' or 'image/png' */
        })
    }
)

阅读更多关于 HttpClient 的标头：https://angular.io/guide/http#http-headers