//單個簡單的文件上傳?
<a href="javascript:;" class="file">
<i class="iconfont icon-yunshangchuan" style="font-size:18px;color:#00acac;display:inline-block;margin-right:2px;"></i>
選擇文件
<input type="file" name="file" class="fileUpload" data-buttonname="btn-success" />
</a>
<div class="tarDetail">
<span class="winrar"></span>
<div class="tarDescribe">
<p class="tarName"></p>
<p class="tarSize"><span class="tar-size"><span></p>KB
</div>
<i class="fa fa-trash-o delTar"></i>
</div>
js部分
$(els.panel).on('change', '.fileUpload', function (e) {
var files = e.currentTarget.files[0]
var fileExtension1 = e.currentTarget.files[0].name.split(".tar.gz")[1]
var GB = 1024 * 1024 * 1024;//定義GB的計算常量
var MB = 1024 * 1024;//定義MB的計算常量
var KB = 1024;//定義KB的計算常量
if (files.name) {
console.log(files)
if (fileExtension1 == '') {
if (files.size/GB > 1) {
$$.showAlertMsg('每次只能上傳1G以內(nèi)的安裝包文件', {}, {
title: '錯誤提示',
icon: 2
});
} else {
if (files.name.split("backup-")[0] != "hotdb-") {
$$.showAlertMsg('文件名必須以hotdb-backup-開頭', {}, {
title: '錯誤提示',
icon: 2
});
return;
}
if ($('.tarName').html() != '') {
$(".fileUpload").attr("disabled", true);
$$.showAlertMsg('不允許重復上傳文件', {}, {
title: '錯誤提示',
icon: 2
});
} else {
$('.tarDetail').css('display', 'block')
$('.tarName').html('').html(files.name)
$('.tar-size').html('').html(
Math.ceil(files.size/KB)
)
$('.winrar').html('').html('TAR.GZ')
$(".code").removeClass("disabled");
$(".ok").removeClass("disabled");
}
}
} else {
$$.showAlertMsg('格式錯誤(必須以.tar.gz結(jié)尾)，請重新上傳', {}, {
title: '錯誤提示',
icon: 2
});
$(".code").addClass("disabled");
$(".ok").addClass("disabled");
$('.fileUpload').val('')
return;
}
}
// $('.fileUpload').val('')
// input file onchange事件不觸發(fā)(第二次上傳同名文件)
// 將其清空第二次也可以上傳同文件名字
})
//刪除瓜饥，刪除之后才能上傳
$(els.panel).on('click', '.delTar', function (e) {
$('.tarDetail').css('display', 'none')
var fileName = $('.fileUpload');
fileName.after(fileName.clone().val(""));
fileName.remove();
$('.tarName').html('');
$('.tar-size').html('');
$('.winrar').html('');
$(".fileUpload").attr("disabled", false);
$(".code").addClass("disabled");
$(".ok").addClass("disabled");
})
//點擊確定按鈕上傳
$(els.btnOk).on('click', function () {
var fileName = $('.fileUpload').val();
if (!fileName) {
$$.showAlertMsg('請上傳文件', $('.fileUpload'));
return;
}
var data, cb都办，?reader;
reader = new FileReader();
reader.onload = function () {
var fileData, formData, apiConfig, cb, data = {};
data = {
file: file,
password:rds.util.handleRsaEncrypt( $(els.panel + ' [name="password"]').val()),//密碼加密操作
code:$(els.panel + ' [name="code"]').val()
};
fileData = this.result;
formData = new FormData();
for (var k in data) {
formData.append(k, data[k]);
}
cb = function (resp) {
if (resp.code != 0) {
$('.tarDetail').css('display', 'none')
$('.tarName').html('');
$('.tar-size').html('');
$('.winrar').html('');
$(".fileUpload").attr("disabled", false);
$(".code").addClass("disabled");
$(".ok").addClass("disabled");
return;
}
$$.showMsg('任務(wù)已發(fā)起,可在任務(wù)中心查看進程')
$(els.panel + ' [name="password"]').val('');
$(els.panel + ' [name="code"]').val('');
me.Api.init();//初始化列表接口
};
me.Api.upgrade(formData, cb);//調(diào)更新版本接口
};
reader.readAsDataURL(file);
});
}
