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' }) }) })