file upload in react.js using apollo client

Question

i was trying to upload file to my apollo server but i can't upload any file and it does not throw any error but i receive only empty object in resolver and it works find when i use GraphQL Client like Altair

output in server when using Altair Client

{
    filename: 'Copy of Massive Orange Summer Sale Animated-300x250px-MediumRectangle.png',
    mimetype: 'image/png',
    encoding: '7bit',
    createReadStream: [Function: createReadStream]
}

output in server when using @apollo/client package

{}

client code

client code

server code

server code

Please do not post images of code.

new Q Open Wid
– new Q Open Wid

2020-12-27 15:06:08 +00:00
Commented Dec 27, 2020 at 15:06 — new Q Open Wid
– new Q Open Wid, Commented Dec 27, 2020 at 15:06
@peace please share code instead of image link

Chandan
– Chandan

2020-12-28 06:28:42 +00:00
Commented Dec 28, 2020 at 6:28 — Chandan
– Chandan, Commented Dec 28, 2020 at 6:28

Daniel Rearden · Accepted Answer · 2020-12-27 11:30:56Z

6

Uploads are not supported in Apollo Client by default. If you want to enable them, you need to use createUploadLink from apollo-upload-client as shown here.

import { createUploadLink } from 'apollo-upload-client';

const client = new ApolloClient({
  cache: new InMemoryCache(),
  link: createUploadLink(),
});

answered Dec 27, 2020 at 11:30

Daniel Rearden

85.3k14 gold badges205 silver badges193 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

file upload in react.js using apollo client

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related