# File Uploads

Lighthouse allows you to upload files using a multipart form request as defined in graphql-multipart-request-spec.

# Preparing your schema

In order to accept file uploads, you must add the Upload scalar to your schema.

"Can be used as an argument to upload files using https://github.com/jaydenseric/graphql-multipart-request-spec"
scalar Upload
  @scalar(class: "Nuwave\\Lighthouse\\Schema\\Types\\Scalars\\Upload")

Once the scalar is added, you can add it to a mutation.

type Mutation {
  "Upload a file that is publicly available."
  upload(file: Upload!): String

# Handling file uploads

Lighthouse accepts multipart form requests that contain file uploads. The given file is injected into the array $variables as an instance of \Illuminate\Http\UploadedFile and passed into the resolver.

It is up to you how to handle the given file in the resolver, see the Laravel docs for File Uploads.

The field from the previous example can be implemented like this:


namespace App\GraphQL\Mutations;

class Upload
     * Upload a file, store it on the server and return the path.
     * @param  mixed  $root
     * @param  mixed[]  $args
     * @return string|null
    public function resolve($root, array $args): ?string
        /** @var \Illuminate\Http\UploadedFile $file */
        $file = $args['file'];

        return $file->storePublicly('uploads');

# Client-side usage

In order to upload a file, you must send a multipart/form-data request. Use any of the available client implementations or look at the specification examples to roll your own.

To test the example above, prepare a file you can upload.

echo "test content" > my_file.txt

Then, send a request to upload the file to your server:

curl localhost/graphql \
  -F operations='{ "query": "mutation ($file: Upload!) { upload(file: $file) }", "variables": { "file": null } }' \
  -F map='{ "0": ["variables.file"] }' \
  -F 0=@my_file.txt