blog/working-with-file-uploads-using-altair-graphql/ about xkojimedia.github.io HOT 12 OPEN

Thanks for sharing!

from xkojimedia.github.io.

@Justas-Kaulakis you would have to split out your input object. Following the example you shared,

input MemberInput {
  fullName: String!
  description: String!
  image: Upload
}

mutation CreateMember($fullName: String!, $description: String!, $image: Upload) {
  createMember(input: {
    fullName: $fullName,
    description: $description,
    image: $image
  }) {
    id
    fullName
    imageId
    description
    createdAt
  }
}

from xkojimedia.github.io.

Thank you so much for writing this and creating altair. I was able to figure out the file upload to work on one of my projects.

from xkojimedia.github.io.

Awesome! Glad it helped.

from xkojimedia.github.io.

Thank you creating Altair it's really awesome one of the reasons I used is because it provides way to upload files but when the window opens for choosing the in file explorer we can't see the normal file explorer interface like texts are in form of squares I'm using Manjaro distro

from xkojimedia.github.io.

Hey! Sorry to hear that. You can create an issue in the repo with more details including screenshots so we can discuss it in more details 🙂 https://github.com/imolorhe/altair/issues

from xkojimedia.github.io.

if I want send other formdata how can I write graphql with Altair?
mutation($file:[Upload]){
createDocument(multipartBody:$file){
documentName
fileDownloadUrl
}
}
like this only upload file

from xkojimedia.github.io.

@wangxinru how do you mean other form data? Is this other form data supported in the GraphQL spec? The file upload implementation is a specific spec for file upload support. I'm not aware of any other form data related specifications.

from xkojimedia.github.io.

Great docs!
Im just not sure how to name the "file name" input if my mutation accepts an object containing the file as a parameter?

input MemberInput {
fullName: String!
description: String!
image: Upload
}

mutation CreateMember($input: MemberInput!) {
createMember(input: $input) {
id
fullName
imageId
description
createdAt
}
}

from xkojimedia.github.io.

Unhandled Rejection (Error): Validation error of type VariableTypeMismatch: Variable type 'Upload' doesn't match expected type '[Upload]' @ 'createUploadCoverImage'

When I use this , I get this error

from xkojimedia.github.io.

@webDeveloper-619 you're mixing the Upload type with the list form [Upload] which is used for multiple uploads. You can try using the little toggle button beside the file name to switch between single file mode Upload and multiple file mode [Upload]

from xkojimedia.github.io.

Can you please share how the SDL looks like in the case of file upload. I created a custom scalar type and defined that with MultipartFile and getting 422 unprocessed entity error when trying to hit from Altair

from xkojimedia.github.io.