返回顶部

收藏

通过XMLHttpRequest上传文件,并显示进度条

更多
    function submitRequest(callback) {
var apkFile = document.getElementById("file").files[0];
if (apkFile) {
var fileName = apkFile.name;
var suff = fileName.substring(fileName.lastIndexOf('.') + 1,fileName.length);
if (suff != "apk") {
$.messager.alert("提示", messageCreator("文件格式必须为apk!"));
return;
}
}
var fd = new FormData();
if (apkFile) {
var apkName = apkFile.name;
fd.append("apkName", apkName);
fd.append("apkFile", apkFile);
}
var seq = $('#inputSeq').val();
fd.append("seq", seq);
fd.append("developer", $('#inputDeveloper').textbox('getText'));
fd.append("isTop", $('#inputIsTop').combobox('getValue'));
fd.append("isRecommend", $('#inputIsRecommend').combobox('getValue'));
fd.append("isRelease", $('#inputIsRelease').combobox('getValue'));
fd.append("description", $('#inputDescription').val());
var xhr = new XMLHttpRequest();
xhr.upload.addEventListener("progress", uploadProgress, false);
xhr.open('POST', AppContextPath + "/rest/app/save_app", true);
/*
xhr.onload = function() {
$.messager.alert("提示", "添加成功", null, function() {
window.top.iframeNavigator('ifrmContent','service/app_main.html');
if (callback != null)
callback();

});
};
*/
xhr.onreadystatechange = function() {
if(xhr.readyState == 4 && xhr.status == 200){
$.messager.alert("提示", "添加成功", null, function() {
window.top.iframeNavigator('ifrmContent','service/app_main.html');
if (callback != null)
callback();

});
}else if(xhr.readyState == 4&& xhr.status != 200){
var jsonError = eval("(" + xhr.responseText + ")");
var errorType = jsonError.type;
if(errorType == "ApkDuplicate"){
$.messager.alert("提示", "该Apk已经上传!", null, function() {window.top.iframeNavigator('ifrmContent','service/app_main.html');

});
}
}
};
xhr.send(fd);
}
function uploadProgress(evt) {
if (evt.lengthComputable) {
var percentComplete = Math.round(evt.loaded * 100 / evt.total);
document.getElementById('progressNumber').innerHTML = '<font color=red>当前进度:'+percentComplete.toString() + '%</font>';
}
else {
document.getElementById('progressNumber').innerHTML = 'unable to compute';
}
}

标签:javascript

收藏

0人收藏

支持

0

反对

0

相关聚客文章
  1. 华华 发表 2018-06-11 00:16:08 LinuxStory 资讯速递 20180610 Codelobster IDE
  2. phpvar 发表 2018-06-10 16:10:22 dot.js模板怎么引用js变量?
  3. admin 发表 2018-06-07 17:36:00 Realtime tSNE Visualizations with TensorFlow.js
  4. Volcano 发表 2018-06-06 07:18:06 Migrate from MediaWiki to GitBook
  5. xinlu 发表 2018-06-05 07:42:11 vue的directive的两种实现方式
  6. 博主 发表 2018-06-01 00:00:00 提升用户体验的前端动画
  7. Flying 发表 2017-06-22 14:36:35 Element快速入门
  8. Flying 发表 2017-07-06 14:37:07 Mint UI的问题
  9. Flying 发表 2018-02-06 14:51:02 React Native快速入门
  10. Flying 发表 2018-04-11 15:54:36 Vue Vuex vue-route学习项目
  11. Flying 发表 2018-05-05 03:40:13 Angular 6发布
  12. Aaron 发表 2018-06-01 16:00:00 前端开发中js代码异常处理及监控

发表评论