在graphql突变中跟踪图像上传进度

Question

我正在运行 graphql 突变以将图像上传到服务器。并且操作成功。我唯一的问题是如何跟踪前端图像上传的进度？上传的图像大小占多少百分比？我想将其显示在前端的进度栏中。 下面是我的 graphql 突变

const { mutate: addProfilePicture } = useAddProfilePictureMutation<Error>(
graphqlRequestClient(graphqlEndpoint),
{
  onSuccess: (
    _data: AddProfilePictureMutation,
    _variables: AddProfilePictureMutationVariables,
    _context: unknown
  ) => {
    console.log(_data)
  },
}

）

Answer 1

如果您有 Angular 前端，则可以使用 HTTP - 跟踪并显示请求进度。