Advertisement
Guest User

Untitled

a guest
Apr 24th, 2014
52
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.64 KB | None | 0 0
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4. <title>Chat</title>
  5. <script type="text/javascript" src="/MyHomePage/jquery-2.0.3.min.js"></script>
  6. </head>
  7. <body>
  8. <h2>File Upload</h2>
  9. Select file
  10. <input type="file" id="filename" />
  11. <br>
  12. <input type="button" value="Connect" onclick="connectChatServer()" />
  13. <br>
  14. <input type="button" value="Upload" onclick="sendFile()" />
  15. <script>
  16. var ws;
  17.  
  18. function connectChatServer() {
  19. ws = new WebSocket(
  20. "ws://localhost:8080/MyHomePage/receive/fileserver");
  21.  
  22. ws.binaryType = "arraybuffer";
  23. ws.onopen = function() {
  24. alert("Connected.")
  25. };
  26.  
  27. ws.onmessage = function(evt) {
  28. alert(evt.msg);
  29. };
  30.  
  31. ws.onclose = function() {
  32. alert("Connection is closed...");
  33. };
  34. ws.onerror = function(e) {
  35. alert(e.msg);
  36. }
  37.  
  38. }
  39.  
  40. function sendFile() {
  41. var file = document.getElementById('filename').files[0];
  42. ws.send('filename:'+file.name);
  43. var reader = new FileReader();
  44. var rawData = new ArrayBuffer();
  45. //alert(file.name);
  46.  
  47. reader.loadend = function() {
  48.  
  49. }
  50. reader.onload = function(e) {
  51. rawData = e.target.result;
  52. ws.send(rawData);
  53. alert("the File has been transferred.")
  54. ws.send('end');
  55. }
  56.  
  57. reader.readAsArrayBuffer(file);
  58.  
  59. }
  60.  
  61.  
  62. </script>
  63. </body>
  64. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement