如何使用郵遞員在 webSocket 請求中發送圖像

Question

賞金明天到期。 這個問題的答案有資格獲得+50聲望獎勵。 quickhaze正在尋找規范的答案。

我是 socket.io 的新手，想在 WebSocket 請求中使用郵遞員發送圖像。 我已經搜索過，但找不到任何合理的答案。 我附上了我的郵遞員請求的 SS。

以下是 socket.io 的服務器端偵聽器代碼

 $socket->on('send-message', function ($data) use ($io, $socket) { $validator = Validator::make($data, [ 'token' => 'required', 'socket_id' => 'required', 'receiver_id' => 'required', 'message' => 'required', 'file' => 'required|file|image' ]); if ($validator->fails()) return $io->emit('error', json_encode(['message' => $validator->messages()])); return $io->emit('success', json_encode(['message' => 'image uploaded successfully'])); });

Answer 1

您可以將圖像作為二進制數據幀發送：

WebSocket .send() 方法可以發送文本或二進制數據。 "socket.send(body)" 允許使用字符串或二進制格式的正文，包括 Blob、ArrayBuffer 等。無需設置：只需以任何格式發送即可。

所以基本上：

WebSocket.send(000100101010000010011100.....)

但是 - 一個更簡單的解決方案是使用Base64字符串，因為所有瀏覽器都原生支持它：

WebSocket.send('data:image/png;base64,iVBORw0KGgoAAAANSUhEU .......')