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,20 +166,39 @@
$("#upgrade").on("click", function () { $("#upgrade").on("click", function () {
let file = $('#uploadFile')[0].files[0]
let name = $('#uploadFile')[0].files[0].name let name = $('#uploadFile')[0].files[0].name
let size = parseInt($('#uploadFile')[0].files[0].size) let size = parseInt($('#uploadFile')[0].files[0].size)
$("#formTransfer").ajaxSubmit({
uploadProgress: function (event, position, total, percentComplete) {
if (size > 8388608) { if (size > 8388608) {
alert("file to big!file is less than 8M!"); alert("file to big!file is less than 8M!");
return; return;
} }
var percentVal = percentComplete + '%'; //获得进度
console.log(percentVal); let formdata = new FormData()
if (percentVal == "100%") { formdata.append('file', file)
console.log("upload success!");
$.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 url = 'http://192.168.0.116/cgi-bin/test.cgi';
let postData = { let postData = {
@ -213,14 +232,8 @@
console.log(res) console.log(res)
} }
}) })
}
}, },
success: function (data) { dataType: 'json'
},
error: function (xhr) {
console.log('upload error')
}
}) })
}) })
}) })