Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <title>Chat</title>
- <script type="text/javascript" src="/MyHomePage/jquery-2.0.3.min.js"></script>
- </head>
- <body>
- <h2>File Upload</h2>
- Select file
- <input type="file" id="filename" />
- <br>
- <input type="button" value="Connect" onclick="connectChatServer()" />
- <br>
- <input type="button" value="Upload" onclick="sendFile()" />
- <script>
- var ws;
- function connectChatServer() {
- ws = new WebSocket(
- "ws://localhost:8080/MyHomePage/receive/fileserver");
- 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];
- ws.send('filename:'+file.name);
- var reader = new FileReader();
- var rawData = new ArrayBuffer();
- //alert(file.name);
- reader.loadend = function() {
- }
- reader.onload = function(e) {
- rawData = e.target.result;
- ws.send(rawData);
- alert("the File has been transferred.")
- ws.send('end');
- }
- reader.readAsArrayBuffer(file);
- }
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement