How can I pass image file from Laravel to Express using Graphql? - laravel

Question

I have a laravel project and my goal is to pass an image file from laravel to my express project, so that my graphql can save the name of my image file after
successfully renaming the image and uploading it in my express project.
At the moment, I am using \Softonic\GraphQL to query data from my express project. Example:
public function getUsers()
{
$client = \Softonic\GraphQL\ClientBuilder::build('http://localhost:3002/graphql');
$query = '
query GetUsers($sort:[[String!]!]!){
users(perPage:10, page: 1, sort: $sort){
users{
email
}
}
}
';
$var = [
'sort' => "email"
];
$response = $client->query($query, $var);
return $response->getData();
}
How should i implement it when uploading an image ? my current code looks like this ..
public function updateImg(Request $request)
{
$client = \Softonic\GraphQL\ClientBuilder::build('http://localhost:3002/graphql');
$query = '
mutation updateImage(id:ID!, $image: Upload!){
updateImage(id:1, image: $image){
users{
email
}
}
}
';
$var = [
'image' => $request->file('uploadImg');
];
$response = $client->query($query, $var);
return $response->getData();
}
On my express, when i inspect my image in console.log(), it returns empty.
I am not sure if the way im doing is correct or if it is even achievable.

Answer 1

One way to add support for uploading files to GraphQL is to add multipart form request support through this specification by Jayden Seric. He also provides an implementation project for certain environments. However, I have only tried and tested this with apollo-client and apollo-server-express.