fix

system.html

@@ -96,9 +96,11 @@
                         <div class="mb-3 row">
                             <label for="inputPassword" class="col-sm-4 col-form-label">Fimware Upgrade</label>
                             <div class="col-sm-8 d-flex">
-
+                                <form action="http://192.168.0.116/cgi-bin/upload.cgi" id="formTransfer" method="post"
+                                    enctype="multipart/form-data">
                                     <input type="text" id="fileName" class="form-control" />
                                     <input type="file" id="uploadFile" style="display: none;" accept=".bin">
+                                </form>
                                 <button id="selectFile" class="btn button btn-dark border border-black">Browser</button>
                                 <button type="button" id="upgrade"
                                     class="btn button btn-dark border border-black ms-4">Load</button>
@@ -163,22 +165,29 @@
             });
 
             $("#upgrade").on("click", function () {
-                console.log($('#uploadFile')[0].files[0])
-                console.log($('#uploadFile')[0].files[0].name)
-                console.log($('#uploadFile')[0].files[0].size)
-                let url = 'http://192.168.0.116/cgi-bin/test.cgi';
-                var filenum = parseInt($('#uploadFile')[0].files[0].size)
-                var formData = new FormData();
-                formData.append('action', 'upgrade')
-                formData.append('name', $('#uploadFile')[0].files[0].name)
-                formData.append('file', $('#uploadFile')[0].files[0])
-                formData.append('size', filenum)
 
-                if (filenum > 8388608) {
+                let name = $('#uploadFile')[0].files[0].name
+                let size = parseInt($('#uploadFile')[0].files[0].size)
+                $("#formTransfer").ajaxSubmit({
+                    uploadProgress: function (event, position, total, percentComplete) {
+
+                        if (size > 8388608) {
                             alert("file to big!file is less than 8M!");
                             return;
                         }
 
+                        var percentVal = percentComplete + '%'; //获得进度
+                        console.log(percentVal);
+                        if (percentVal == "100%") {
+                            console.log("upload success!");
+
+                            let url = 'http://192.168.0.116/cgi-bin/test.cgi';
+                            let postData = {
+                                action: 'upgrade',
+                                name: name,
+                                size: size,
+                            }
+
                             $.ajax({
                                 type: 'POST',
                                 url: url,
@@ -202,6 +211,17 @@
                                     console.log(res)
                                 }
                             })
+                        }
+                    },
+                    success: function (data) {
+
+                    },
+                    error: function (xhr) {
+                        console.log('upload error')
+                    }
+                })
+
+
             })
         })