ZhuTianShuai
/
feature-remoteid


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
							<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>ArduRemoteID</title>
    <meta name="description" content="ArduPilot RemoteID Module.">
    <link rel="stylesheet" type="text/css" href="styles/main.css">
    <script src='js/jquery.min.js'></script>
    <script src='js/tools.js'></script>
</head>

<body>
  <h1>ArduRemoteID</h1>

  <h2>Status</h2>

  <table class="values">
    <tr><td>Version</td><td><div id="STATUS:VERSION"></div></td></tr>
    <tr><td>Up Time</td><td><div id="STATUS:UPTIME"></div></td></tr>
    <tr><td>Free Memory</td><td><div id="STATUS:FREEMEM"></div></td></tr>
  </table>

  <h2>Firmware Update</h2>

  <form method='POST' action='#' enctype='multipart/form-data' id='upload_form'>
    <input type='file' name='update'>
    <input type='submit' value='Update'>
  </form>
  <div id='progress'>upload progress: 0%</div>

  <script>
    $('form').submit(function(e) {
        e.preventDefault();
        var form = $('#upload_form')[0];
        var data = new FormData(form);
        $.ajax({
            url: '/update',
            type: 'POST',
            data: data,
            contentType: false,
            processData:false,
            xhr: function() {
                var xhr = new window.XMLHttpRequest();
                xhr.upload.addEventListener('progress', function(evt) {
                    if (evt.lengthComputable) {
                        var per = evt.loaded / evt.total;
                        $('#progress').html('progress: ' + Math.round(per*100) + '%');
                    }
                }, false);
                return xhr;
            },
            success:function(d, s) {
                console.log('success!')
            },
            error: function (a, b, c) {
            }
        });
    });

    // poll status information at 1Hz (900ms to cope with some lag)
    ajax_json_poll_fill("/ajax/status.json", 900);
    </script>
  
</body>
</html>