從socket.io發送客戶端到服務器的圖像

Question

是否可以使用socket.io將客戶端的圖像上傳到服務器？

Answer 1

WebSocket規範指出WebSocket應該能夠將二進制數據作爲ArrayBuffer發送，但瀏覽器不支持這種方式。 Socket.io限制你發送字符串，但你可以發送Base64編碼數據。因此，使用canvas toDataUrl（）方法以base64形式獲取圖像，然後全部設置好。 Here's a great article on the subject.

Answer 2

我會建議使用類似墨水文件選取器的東西https://www.inkfilepicker.com/其中，客戶端上的用戶可以將圖像上傳到s3存儲桶並在回調中接收圖像的url。然後你可以發送url到socket.io。實際上，我爲一個項目實施了這個項目，表演者可以上傳圖片，然後與房間中的人分享。基本上，他們通過filepicker上傳它，獲取url，通過socket.io發送url，然後服務器上的socket.io將它廣播給房間裏的每個人。