WebSocket-RX-TX-Test-Performance-Tool/Bidirectional_websocketClient.html at master · jerry19890607/WebSocket-RX-TX-Test-Performance-Tool · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html>
	<body>
		<h1>WebSocket RX/TX Test Performance Tool</h1>

		<script language="javascript" type="text/javascript">

			var ipformat = /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;

			function TXconnect(){

				var blockSize = 2048 * 64;
				var byteArray;
				var sendSize = 0;
				var remainSize = 0;
				var totalLength;

				if(!ipaddr.value.match(ipformat)){
 					alert("You have entered an invalid IP address!");
 					return false;
 				}

 				if((port.value > 65535)|| (port.value < 1)){
 					alert("You have entered an invalid Port number! (0<PortNum<65535)");
 					return false;
 				}

				var wsurl="ws://"+ipaddr.value+":"+port.value;
				ws = new WebSocket(wsurl);
				//ws.binaryType = "arraybuffer";
				ws.onopen = function(){
					var reader = new FileReader();
					var file = document.querySelector('input[type="file"]').files[0];
					totalLength = file.size;

					reader.onload = function(event) {
						var contents = event.target.result;
						byteArray = new Uint8Array(contents);
						if(totalLength < blockSize)
						{
							console.log("totalLength < blockSize");
							var sendFile = byteArray.slice(0);
						}
						else
						{
							var sendFile = byteArray.slice(0, blockSize);
						}
						//console.log("Data: " + sendFile);
						ws.send(sendFile);
						remainSize = totalLength - blockSize;

						if(totalLength <= (sendSize + blockSize))
						{
							console.log("Websocket close!!!");
							ws.close();
						}
					}
					reader.readAsArrayBuffer(file);
				};

				ws.onerror = function() { alert("web socket error!"); };

				ws.onmessage = function(e) {
					if(totalLength <= (sendSize + blockSize))
					{
						console.log("Websocket close!!!");
						ws.close();
					}
					else{
						/* Receice server ACK */
						var reader = new FileReader();
						reader.onload = function(event) {
							var contents = event.target.result;
							//console.log("server ACK: " + contents);

							//console.log(sendSize);
							sendSize += blockSize;
							if(remainSize < blockSize)
							{
								var sendFile2 = byteArray.slice(sendSize);
							}else{
								var sendFile2 = byteArray.slice(sendSize, sendSize + blockSize);
							}
							//console.log("sendFile2: " + sendFile2);
							ws.send(sendFile2);
							remainSize -= blockSize;
							//console.log("remainSize: " + remainSize);
							//console.log("totalLength: " + totalLength,"sendSize + blockSize - 1: " + (sendSize + blockSize));

						}

						reader.readAsText(e.data);

					/*	if(totalLength <= (sendSize + blockSize))
						{
							console.log("Websocket close!!!");
							ws.close();
						}*/
					}
				};
			}

			function RXconnect() {
				if(!ipaddr.value.match(ipformat)){
 					alert("You have entered an invalid IP address!");
 					return false;
 				}
 				if((port.value > 65535)|| (port.value < 1)){
 					alert("You have entered an invalid Port number! (0<PortNum<65535)");
 					return false;
 				}

				var wsurl="ws://"+ipaddr.value+":"+port.value;
				ws = new WebSocket(wsurl);
				ws.onopen = function(){};
				ws.onerror = function() { alert("web socket error!"); };
				ws.onmessage = function(e) {
					var reader = new FileReader();
					reader.onload = function(event) {
						var contents = event.target.result;
						webSocketPic.src=contents;
					}
    			reader.readAsDataURL(e.data);
    			ws.send("amiok");
				};
			}

		</script>
		<table>
			<font color="blue" font size="5">Step 1: Enter IP Address and Port</font>
			<div>
			<p><b>IP Address:</b><input value='192.168.0.164' type='text' id='ipaddr'/></p>
			<p><b>Port:</b><input type='number' id='port' value="8888"/></p>
			</div>
			<div>
			<font color="Red" font size="5">Step 2: Client(TX) send file to BMC(RX)</font>
			<p><button onclick="TXconnect();">TX Connect to BMC</button></p>
			<p><input type="file" id="input" name="myFiles"></p>
			</div>
			<div>
			<font color="Red" font size="5">Step 2: Client(RX) receive file from BMC(TX)</font>
			<p><tr><td><button onclick="RXconnect();">RX Connect BMC</button></td></tr></p>
			<p><tr><td><img id="webSocketPic"></td></tr></p>
			</div>

		</table>
		<p></p>
	</body>
</html>