WebSocket Upload File Demo

· 기능

WebSocket 서버에 파일을 업로드하는 방법을 보여주는 데모예요. 다음 단계를 따라 하세요:

  1. 서버에 보낼 파일을 선택하세요.
  2. 연결을 누르세요. 연결에 성공하면 서버에 연결되었다는 메시지가 표시돼요.
  3. 업로드 버튼을 누르면 파일 전송이 완료될 때 확인 메시지가 표시돼요.

파일 업로드 데모

파일 선택

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); }