diff --git a/system.html b/system.html
index f7ece07..cc421bd 100644
--- a/system.html
+++ b/system.html
@@ -166,61 +166,74 @@
$("#upgrade").on("click", function () {
+ let file = $('#uploadFile')[0].files[0]
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;
+ if (size > 8388608) {
+ alert("file to big!file is less than 8M!");
+ return;
+ }
+
+
+ let formdata = new FormData()
+ formdata.append('file', file)
+
+ $.ajax({
+ url: 'http://192.168.0.116/cgi-bin/upload.cgi',
+ type: 'post',
+ data: formdata,
+ processData: false,
+ contentType: false,
+ xhr: function () {
+ let newxhr = new XMLHttpRequest()
+ // 添加文件上传的监听
+ // onprogress:进度监听事件,只要上传文件的进度发生了变化,就会自动的触发这个事件
+ newxhr.upload.onprogress = function (e) {
+
+ let percent = (e.loaded / e.total) * 100 + '%'
+ console.log(percent)
+ // $('div').css('width', percent)
+ }
+ return newxhr
+ },
+ success: function (res) {
+ console.log(res)
+
+ let url = 'http://192.168.0.116/cgi-bin/test.cgi';
+ let postData = {
+ action: 'upgrade',
+ name: name,
+ size: size,
}
- var percentVal = percentComplete + '%'; //获得进度
- console.log(percentVal);
- if (percentVal == "100%") {
- console.log("upload success!");
+ $.ajax({
+ type: 'POST',
+ url: url,
+ data: formData,
+ dataType: 'json',
+ type: 'POST',
+ async: false,
+ processData: false, // 使数据不做处理
+ contentType: false, // 不要设置Content-Type请求头
+ success: function (res) {
+ console.log(res)
+ if (res.success) {
+ data = res.content
- let url = 'http://192.168.0.116/cgi-bin/test.cgi';
- let postData = {
- action: 'upgrade',
- name: name,
- size: size,
- }
-
- $.ajax({
- type: 'POST',
- url: url,
- data: formData,
- dataType: 'json',
- type: 'POST',
- async: false,
- processData: false, // 使数据不做处理
- contentType: false, // 不要设置Content-Type请求头
- success: function (res) {
- console.log(res)
- if (res.success) {
- data = res.content
-
- window.location.reload(true);
- }
- else {
- console.log(res.message)
- alert(res.message)
- }
- },
- error: function (res) {
- console.log(res)
+ window.location.reload(true);
}
- })
- }
+ else {
+ console.log(res.message)
+ alert(res.message)
+ }
+ },
+ error: function (res) {
+ console.log(res)
+ }
+ })
},
- success: function (data) {
-
- },
- error: function (xhr) {
- console.log('upload error')
- }
+ dataType: 'json'
})
})
})