Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/417.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么可以';我不能让progressbar.js在Jquery中工作吗?_Javascript_Jquery_Html_Node.js_Electron - Fatal编程技术网

Javascript 为什么可以';我不能让progressbar.js在Jquery中工作吗?

Javascript 为什么可以';我不能让progressbar.js在Jquery中工作吗?,javascript,jquery,html,node.js,electron,Javascript,Jquery,Html,Node.js,Electron,我目前正在用Javascript和Jquery以及node.js和electron制作一个应用程序,它将在第一次运行时下载它的db文件。我想实现progressbar.js,以便在下载文件时显示下载栏。我遵循安装指南并实现了一个javascript下载,从中取得了进展。但是,当运行我的electron应用程序时,下载栏根本不会呈现。我如何让它在electron中工作,以便进度条呈现并显示下载进度 HTML代码 <body> <div id="container">

我目前正在用Javascript和Jquery以及node.js和electron制作一个应用程序,它将在第一次运行时下载它的db文件。我想实现progressbar.js,以便在下载文件时显示下载栏。我遵循安装指南并实现了一个javascript下载,从中取得了进展。但是,当运行我的electron应用程序时,下载栏根本不会呈现。我如何让它在electron中工作,以便进度条呈现并显示下载进度

HTML代码

<body>

    <div id="container"></div>

</body>

您总是使用1.0为进度赋值

function progress() {
    bar.animate(1.0);  // Number from 0.0 to 1.0
}
所以请把它改成

function progress(val) {
    bar.animate(val);  // Number from 0.0 to 1.0
}
然后将更新从

req.on('data', function (chunk) {
    // Update the received bytes
    received_bytes += chunk.length;
    progress();
});
对此

req.on('data', function (chunk) {
    // Update the received bytes
    received_bytes += chunk.length;
    progress(received_bytes/total_bytes);
});
如您所见,您将发现每个区块更新的进度变化,并将其除以
总字节数
,如果全部下载,则为1.0,否则将是您需要的动画

或者您可以将“进度”功能更改为

function progress(val) {
    bar.set(val); // Number from 0.0 to 1.0
}

用于在没有动画的情况下精确设置值

始终使用1.0为进度赋值

function progress() {
    bar.animate(1.0);  // Number from 0.0 to 1.0
}
所以请把它改成

function progress(val) {
    bar.animate(val);  // Number from 0.0 to 1.0
}
然后将更新从

req.on('data', function (chunk) {
    // Update the received bytes
    received_bytes += chunk.length;
    progress();
});
对此

req.on('data', function (chunk) {
    // Update the received bytes
    received_bytes += chunk.length;
    progress(received_bytes/total_bytes);
});
如您所见,您将发现每个区块更新的进度变化,并将其除以
总字节数
,如果全部下载,则为1.0,否则将是您需要的动画

或者您可以将“进度”功能更改为

function progress(val) {
    bar.set(val); // Number from 0.0 to 1.0
}

用于在没有动画的情况下精确设置值

您的小提琴没有任何功能,因为小提琴中没有构建工具。您应该修复它,使其不使用
require()
,并将调用
downloadFile()
移动到JS部分。此外,请更具体地说明“不工作”部分。它是渲染但不动画,还是根本不渲染?@hayavuk它根本不渲染。我会对小提琴做些修改now@hayavuk更新了fiddle,就像我之前说的,它根本不会呈现。你应该学习如何使用开发工具,至少是JavaScript控制台。打开开发工具(通常是F12),检查控制台选项卡。你的小提琴没有做任何事情,因为小提琴中没有构建工具。您应该修复它,使其不使用
require()
,并将调用
downloadFile()
移动到JS部分。此外,请更具体地说明“不工作”部分。它是渲染但不动画,还是根本不渲染?@hayavuk它根本不渲染。我会对小提琴做些修改now@hayavuk更新了fiddle,就像我之前说的,它根本不会呈现。你应该学习如何使用开发工具,至少是JavaScript控制台。打开开发工具(通常是F12),检查控制台选项卡。随时乐意提供帮助。:(对不起,我不太擅长小提琴,但我认为它会弄乱我们正在使用的对象的引用,它会给我
未捕获的引用错误:ProgressBar未在window.onload((索引):45)window.onload@(索引)中定义:45
我刚刚修复了新的小提琴-现在我得到了
参考错误:请求未在window.onload((索引):112)的downloadFile((索引):88)中定义
仅当我在我的electron应用程序中测试时,它甚至不会呈现。在小提琴中,至少我得到了空行功能
下载文件在哪里?
?我只是再次访问此功能。抱歉,我花了一段时间才回答下载文件功能在第14行,随时乐意帮助(很抱歉,我不太擅长小提琴,但我认为它弄乱了我们正在使用的对象的引用,它给了我
uncaughtreferenceerror:ProgressBar未在window.onload((索引):45)window.onload@(索引)中定义):45
我刚刚修复了新的小提琴-现在我得到了
参考错误:请求未在window.onload((索引):112)的downloadFile((索引):88)中定义
仅当我在我的electron应用程序中进行测试时,它甚至不会呈现。在小提琴中,至少我得到了空行函数
下载文件
在哪里?我只是再次访问此函数。抱歉,我花了一段时间才回答下载文件函数在第14行