WebSocket ファイルアップロードデモ

· 機能

これは WebSocket サーバーにファイルをアップロードする方法を示すデモです。以下の手順に従ってください：

  1. サーバーに送信するファイルを選択してください。
  2. 次に 接続を押してください。接続に成功すると、サーバーに接続されたというメッセージが表示されます。
  3. アップロードボタンを押し、ファイルの転送が完了するとその旨を確認するメッセージが表示されます。

ファイルアップロードデモ

ファイルを選択

var ws; function connectChatServer() { ws = new WebSocket("wss://esegece.com:5415"); ws.binaryType = "arraybuffer"; ws.onopen = function() { alert("接続されました。") }; ws.onmessage = function(evt) { alert(evt.msg); }; ws.onclose = function() { alert("接続が切断されました。"); }; ws.onerror = function(e) { alert(e.msg); } } function sendFile() { var file = document.getElementById('filename').files[0]; var reader = new FileReader(); var rawData = new ArrayBuffer(); reader.loadend = function() { } reader.onload = function(e) { rawData = e.target.result; ws.send(rawData); alert("ファイルの転送が完了しました。") } reader.readAsArrayBuffer(file); }