我在哪里错了，当上传文件到graphql api服务器使用axios从nextjs应用程序？

我正在构建一个下一个js应用程序。我想用axios上传文件到graphql服务器。但是我得到了错误的图像

但我不知道我错在哪里。请帮助我。

这里是上传功能-

import Image from "assets/Hero-bg.jpg"
var formData = new FormData();
    formData.append('operations', '{ "query": "mutation($file: Upload!) {signUp(avatar: $file, input: {name: "Siam Ahnaf", email: "siamahnaf198@yahoo.com", password: "siam1980"}){message, token}}", "variables": { "file": null } }');
    formData.append('map', '{ "0": ["variables.file"] }');
    formData.append('0', Image);
    await axios({
        url: "http://localhost:3001/graphql",
        method: "post",
        data: formData,
        Headers: {
            'Accept': 'application/json'
        }
    })
        .then(response => console.log(response))
        .catch(error => console.log(error));

下面是突变查询

mutation signUp($avatar: Upload!) {
  signUp(
    avatar: $avatar
    input: { 
      name: "Siam Ahnaf"
      email: "siamahnaf198@yahoo.com"
      password: "12345678" }
  ) {
    message
    token
  }
}

请帮助我。我有很多天的问题至少两个月。我还不能解决它。