ZhuTianShuai
/
feature-remoteid


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

<head>
    <meta charset="utf-8">
    <title>ArduRemoteID Firmware Update</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>
</head>

<body>
  <h1>ArduRemoteID Firmware Update</h1>

  <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) {
            }
        });
    });
  </script>

</body>
</html>