feat: support GraphQL Upload Spec (#175)

graffle-js · Aug 28, 2020 · 777cc55 · 777cc55
1 parent 9324747
commit 777cc55
Show file tree

Hide file tree

Showing 7 changed files with 9,186 additions and 11 deletions.
diff --git a/README.md b/README.md
@@ -335,6 +335,43 @@ async function main() {
 main().catch((error) => console.error(error))
 ```
 
+### File Upload
+
+#### Browser
+
+```js
+import { request } from 'graphql-request'
+
+const UploadUserAvatar = gql`
+  mutation uploadUserAvatar($userId: Int!, $file: Upload!) {
+    updateUser(id: $userId, input: { avatar: $file })
+  }
+`
+
+request('/api/graphql', UploadUserAvatar, {
+  userId: 1,
+  file: document.querySelector('input#avatar').files[0],
+})
+```
+
+#### NodeJS
+
+```js
+import { createReadStream } from 'fs'
+import { request } from 'graphql-request'
+
+const UploadUserAvatar = gql`
+  mutation uploadUserAvatar($userId: Int!, $file: Upload!) {
+    updateUser(id: $userId, input: { avatar: $file })
+  }
+`
+
+request('/api/graphql', UploadUserAvatar, {
+  userId: 1,
+  file: createReadStream('./avatar.img'),
+})
+```
+
 [TypeScript Source](examples/receiving-a-raw-response)
 
 ### More examples coming soon...