djnago Excel数据上传进度条
发布日期:2022-02-17 04:52:26 浏览次数:1 分类:技术文章

本文共 1507 字,大约阅读时间需要 5 分钟。

最近处理一个小问题,点击上传excel数据表格,并显示进度条

直接调用ajax中xhr来显示进度条,发现进度条瞬间100%,页面数据并没有显示(原因:上传文件进度完成,但数据并没有完全存入数据库)

解决方法:获取数据存储的进度

在后台设置全局变量,获取存入数据库进度number_x = Nonenumber_y = None
class CaseImportsView(AdminUserRequiredMixin, JSONResponseMixin, FormView)
   global number_x
global number_y    pass

创建一路由,发送前台

class JinDuTioaView(View):
def get(self, request, *args, **kwargs):
print(number_x, "yyyyyyyyyyyyyyyyy")
print(number_y)
number = [number_x, number_y]
return HttpResponse(json.dumps(number, ensure_ascii=False))前台处理(进度获取ajax,通过定时器,100ms请求一次,获取进度)
var xhr_provider = function() {
var xhr = new XMLHttpRequest();
var prog_url = xxxxx
var xx
var sitv = setInterval(function () {
$.ajax({
type: "get",
url: prog_url,
contentType: "application/json",
dataType: "json",
success: function (res) {
xx = parseInt(res[1])
var x = parseInt(res[1])
var y = parseInt(res[0])
var ele = document.getElementById('3');
var percent = Math.round(x * 100 / y);
ele.style.width = percent + '%';
console.log("1111111111111111111", percent)
document.getElementById('2').innerHTML = percent + '%';
if (percent == 100) {
clearInterval(sitv)
document.getElementById('upload_hint').innerHTML = '上传完成!'
} else {
document.getElementById('upload_hint').innerHTML = '正在导入中...请不要重复点击“确认”按钮'
}
}
})
}, 100)
return xhr;};

 

点击上传按钮,显示进度

$.ajax({
url: xxxx,
type: 'post',
dataType: 'json',
// async: false,
data: {
"csrfmiddlewaretoken": $("[name=csrfmiddlewaretoken]").val()
},
// processData: false,
xhr: xhr_provider,
success: success});

 

完成,,方法比较笨,见谅

转载地址:https://blog.csdn.net/qq_41429841/article/details/107536433 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:什么是数字签名?
下一篇:dajngo 前后端传输数据进行加密 RSA加密

发表评论

最新留言

逛到本站,mark一下
[***.36.148.168]2022年09月04日 15时36分51秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

最新文章

JAVA串联射频技术_rf-idf的java实现 2019-06-17 05:18:38
java读取4个字节_一次读取4个字节 (Reading in 4 bytes at a time) 2019-06-17 05:18:37
java 二级循环_计算机二级java循环语句 2019-06-17 05:18:37
java项目中学到了什么_我们能从Java的HelloWorld中学到什么? 2019-06-17 05:18:36
gradle多模块 java_SpringBoot多模块项目(Gradle篇) 2019-06-17 05:18:36
java中字符串的索引的数据类型_Java字符串字符 2019-06-17 05:18:36
java中倒序数组_Java 数组元素倒序的三种方式(小结) 2019-06-17 05:18:35
java 中数据库连接字符串加密_asp.net2.0如何加密数据库联接字符串 2019-06-17 05:18:35
java焦点事件如何使用_Java Swing - 如何JComboBox的句柄焦点事件 2019-06-17 05:18:34
go mysql写入特殊字符_使用mysqldump的mysql密码中的特殊字符 2019-06-17 05:18:33
server多笔记录拼接字符串 sql_SQL Server 连接'sa'登录失败解决方案 2019-06-17 05:18:33
java wmv_执行在jar中打包的wmv文件 2019-06-17 05:18:33
udp服务器 java_java udp服务器设计源码 2019-06-17 05:18:32
java基础训练_2017计算机二级Java基础训练题及答案 2019-06-17 05:18:32
php前 java后_以前的热门比如PHP,JAVA在现在或者说未来还有前途吗? 2019-06-17 05:18:31
java 查看jdbc连接数_Java JDBC连接数库简单 分层操作 2019-06-17 05:18:31
java 时间动态显示_java 动态显示时间 2019-06-17 05:18:30
java知识串讲_java基础知识串讲 2019-06-17 05:18:30
java list按时间排序吗_Java 对List中每个对象元素按时间顺序排序 2019-06-17 05:18:29
电脑java内存_一、计算机内存与JVM内存简析 2019-06-17 05:18:29