Getting Promise rejected with value: { message: 'Invalid image file', name: 'Error', http_code: 400 } for Next JS + KeystoneJS

Vineet

September 15, 2022 21:45

Hi There, 

I am working on build an app which uploads some images to cloudnary. I am using Keystone JS + Graphql with Next JS as the front end. When i try to upload an image i always get  Promise rejected with value: { message: 'Invalid image file', name: 'Error', http_code: 400 }

Keystone JS : https://keystonejs.com/docs/apis/fields#cloudinary-image

Here is a small section of code. 

 function singleUpload(file){

          const fileToBlob = async (file) => new Blob([new Uint8Array(await file.arrayBuffer())], {type: file.type });

          const client = new ApolloClient({

            cache: new InMemoryCache(),

            link: createUploadLink({ uri: uri })

          });

          const { data } = client.mutate({

            mutation: gql `

                mutation updateUser($email: String, $file: Upload){

                  updateUser(where:{email: $email} data:{profilePicture: $file}){

                    id

                  }

                }

            `,

            variables: {

              email: emailAddress,

              file: new File([fileToBlob],"1",{ type: "image/jpg"})

            }

          })

          console.log("data here : " + data)

   

      }

 

Am i missing something here ?

0

• Official comment

  

  Stephen Doyle

  September 16, 2022 09:35

  Hi Vineet,
  It seems you also contacted our support team about this directly. Most likely, the error response is accurate and what was received on our side was not a valid image file, but we'll check the specific details you provided in the support request and response there soon

  Regards,
  Stephen

Post is closed for comments.