返回顶部

收藏

通过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-04-22 10:15:00 js - 发送短信倒计时30秒
  2. 博主 发表 2018-04-21 07:31:45 JavaScript 如何工作:渲染引擎和性能优化技巧
  3. techug 发表 2018-04-21 03:00:35 [译] 超大型 JavaScript 应用设计的哲学
  4. xinlu 发表 2018-04-19 20:39:07 Electron一个跨平台的javascript桌面开发库
  5. techug 发表 2018-04-20 02:57:16 你知道吗?甲骨文拥有JavaScript商标权 未经授权不得使用
  6. Flying 发表 2016-06-20 02:23:45 AngularJS监听计数
  7. Flying 发表 2015-08-13 16:45:59 使用ocLazyLoad实现AngularJS模块按需懒加载
  8. Flying 发表 2015-11-15 16:30:13 使用Fiddler调试手机应用
  9. 十年灯 发表 2018-04-18 02:58:25 webpack 4.0?跑太快了
  10. xinlu 发表 2018-04-18 05:44:55 webrtc的开发资源
  11. hanze 发表 2018-04-18 14:05:31 在快手,共度孤独人生
  12. Kainy 发表 2016-03-24 09:44:07 Android WebView 前端开发调试

发表评论