WebSocket Upload File Demo

· Funktionen

Dies ist eine Demo, die zeigt, wie eine Datei auf einen WebSocket-Server hochgeladen wird. Folge den nächsten Schritten:

  1. Wähle eine Datei, die an den Server gesendet werden soll.
  2. Drücke dann auf connect. Wenn die Verbindung erfolgreich ist, wird eine Nachricht angezeigt, dass du mit dem Server verbunden bist.
  3. Drücke die upload-Schaltfläche, und sobald die Datei übertragen wurde, siehst du eine Bestätigungsnachricht.

Datei-Upload-Demo

Datei auswählen

var ws; function connectChatServer() { ws = new WebSocket("wss://esegece.com:5415"); ws.binaryType = "arraybuffer"; ws.onopen = function() { alert("Connected.") }; ws.onmessage = function(evt) { alert(evt.msg); }; ws.onclose = function() { alert("Connection is closed..."); }; 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("the File has been transferred.") } reader.readAsArrayBuffer(file); }