5

Is it possible to upload image from client to server with socket.io?

Improve this question

2 Answers 2

Reset to default
5

The WebSocket spec states that WebSockets should be able to send binary data as an ArrayBuffer, however this is not well supported by browsers. Socket.io limits you to sending strings, but you can send Base64 encoded data. So use the canvas toDataUrl() method to get an image as base64 and you're all set. Here's a great article on the subject.

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

1 Comment

This answer is now depricated, socket.io +1.x implements all kinds of data now.
2

I would suggest using something like File Stack https://www.filestack.com/ The user on the client can upload an image to an s3 bucket and receive a url to the image in the callback. You can then send just the url to socket.io. I have actually implemented this for a project I am doing, where a performer can upload an image, and then share it with people in the room. Basically, they upload it via filepicker, get the url, send the url via socket.io and then socket.io on the server broadcasts it to everyone in the room.

Improve this answer

Comments

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.