提问人:dieri 提问时间:11/17/2023 更新时间:11/17/2023 访问量:13
RTK查询上传多部分数据的图像在前端不起作用
RTK query uploading image with multipart data not working on frontend
问:
我目前正在编写一个聊天应用程序,用户可以在其中上传头像图片,为此我使用 nestJs 和他们的 multer 抽象包,所有这些都与 POSTMAN 配合得很好,这意味着我可以从中更新文件,但是当尝试从前端 react 应用程序上传文件时,我遇到了错误。 后端服务器充当文件是未定义的,但是通过检查浏览器请求,我可以看到发送了正文和内容类型设置为多部分数据的请求,但服务器没有收到任何内容,而当通过POSTMAN发送数据时,一切正常
这里是应该处理上传头像功能的 react 查询突变
changeAvatar: builder.mutation<
BaseServerResponse & {
data: { message: string; statusCode: number; data: string };
},
Blob
>({
query: (file) => {
const formData = new FormData();
formData.append("avatar", file);
console.log({ formData, file });
return {
url: "/files/upload-avatar",
method: "POST",
body: formData,
formData: true,
Accept: "*/*",
};
},
}),
答: 暂无答案
评论