Sun*_*arg 2 multipartform-data form-data node.js axios
我想在节点端调用第三方 API(上传图像),该节点需要Filekey 上的类型对象file。
前端是 Angular 所以流程是
.ts
const _file: File = __userAvatar.files[0];
const _userAvatarInfo = { userId: this.user.id, avatar: _file };
this.userService.updateUserAvatar(_userAvatarInfo).subscribe(
Run Code Online (Sandbox Code Playgroud)
用户服务.ts
const _formData = new FormData();
_formData.append("avatar", _userAvatarInfo.avatar);
_formData.append("userId", _userAvatarInfo.userId);
return this.http.post(`${this.context}/userservice/user/updateuseravatar`, _formData);
Run Code Online (Sandbox Code Playgroud)
节点API层使用giuseppe
@Post("/user/updateuseravatar")
updateUserAvatar(@Req() req: any): Promise<any> {
return TrusteeFacade.uploadResource({ resourceId: "some_id", resource: req.files.avatar });
}
Run Code Online (Sandbox Code Playgroud)
立面层
static uploadResource(__resourceInfo: any): Promise<any> {
const _resourceData = new FormData();
_resourceData.append("mimetype", "image/png");
_resourceData.append("file", __resourceInfo.resource);
// this will not get printed
console.log("From**************", __resourceInfo.resource);
return axios({
method: "post",
url: `${process.env.REST_URL}/resources/${__resourceInfo.resourceId}`,
headers: _resourceData.getHeaders(),
data: _resourceData
});
}
Run Code Online (Sandbox Code Playgroud)
在立面层它显示
TypeError: source.on is not a function
at Function.DelayedStream.create (D:\QPP Workspace\ContentPlatform\webapplications\application-services\node_modules\delayed-stream\lib\delayed_stream.js:33:10)
at FormData.CombinedStream.append (D:\QPP Workspace\ContentPlatform\webapplications\application-services\node_modules\combined-stream\lib\combined_stream.js:44:37)
at FormData.append (D:\QPP Workspace\ContentPlatform\webapplications\application-services\node_modules\form-data\lib\form_data.js:74:3)
at Function.uploadResource (D:\QPP Workspace\ContentPlatform\webapplications\application-services\.bin\facade\trustee-facade.js:221:23)
at trustee_facade_1.TrusteeFacade.getFileResourceId.then (D:\QPP Workspace\ContentPlatform\webapplications\application-services\.bin\api\user-service.js:118:51)
at propagateAslWrapper (D:\QPP Workspace\ContentPlatform\webapplications\application-services\node_modules\async-l
Run Code Online (Sandbox Code Playgroud)
__resourceInfo在外观层有正确的信息,但从它创建是FormData错误的原因?
这就是我在外观层处理这个问题的方式,而不是这个
_resourceData.append("file", __resourceInfo.resource);
Run Code Online (Sandbox Code Playgroud)
我file使用创建了该字段Buffer.from
_resourceData.append("file", Buffer.from(__resourceInfo.resource.data), { filename: __resourceInfo.resource.name });
Run Code Online (Sandbox Code Playgroud)
可能还有另一种解决方案,但这解决了我的问题。
| 归档时间: |
|
| 查看次数: |
5034 次 |
| 最近记录: |