iperf3 Service - 网络性能测试工具 - 常规

<!DOCTYPE html>
<html>
<head>
    <title>iperf3 Service</title>
    <style>
        #output {
            height: 400px;
            overflow-y: scroll;
            border: 1px solid black;
            padding: 10px;
            background-color: white;
            color: black;
        }
    </style>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.4.1/socket.io.js"></script>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>
    <h1>iperf3 Service</h1>
<pre><code>&lt;form id=&quot;startForm&quot;&gt;
    &lt;label for=&quot;port&quot;&gt;Port:&lt;/label&gt;
    &lt;input type=&quot;text&quot; id=&quot;port&quot; name=&quot;port&quot; required&gt;
    &lt;button type=&quot;submit&quot;&gt;Start&lt;/button&gt;
&lt;/form&gt;
&lt;div id=&quot;output&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
    $(document).ready(function () {
        var socket = io.connect('http://' + document.domain + ':' + location.port);

        socket.on('stream_output', function (output) {
            $('#output').append(output + '&lt;br&gt;');
            $('#output').scrollTop($('#output')[0].scrollHeight);
        });

        $('#startForm').submit(function (event) {
            event.preventDefault();
            var port = $('#port').val();

            if (port &lt; 22222 || port &gt; 22322) {
                $('#output').append('Error: 端口必须在 22222 to 22322 范围内。&lt;br&gt;');
                $('#output').scrollTop($('#output')[0].scrollHeight);
                return;
            }

            $.ajax({
                url: '/start',
                type: 'POST',
                contentType: 'application/json',
                data: JSON.stringify({ 'port': port }),
                success: function (response) {
                    $('#output').append(response.message + '&lt;br&gt;');
                    $('#output').scrollTop($('#output')[0].scrollHeight);
                },
                error: function (error) {
                    $('#output').append(error.responseJSON.message + '&lt;br&gt;');
                    $('#output').scrollTop($('#output')[0].scrollHeight);
                }
            });

            $('#port').val('');
        });
    });
&lt;/script&gt;
</code></pre>
</body>
</html>