RTK查询上传多部分数据的图像在前端不起作用

RTK query uploading image with multipart data not working on frontend

提问人:dieri 提问时间:11/17/2023 更新时间:11/17/2023 访问量:13

问:

我目前正在编写一个聊天应用程序,用户可以在其中上传头像图片,为此我使用 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: "*/*",
        };
      },
    }),
react-redux multipartform-data multer rtk-query

评论


答: 暂无答案