yxw 2023-11-24 16:18:16 +08:00
parent 6476551648
commit 7ab078cf92
1 changed files with 60 additions and 47 deletions

View File

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