javascript - Dropzone.js 上传进度条无法正常工作

标签 javascript dropzone.js

当我尝试上传一个大文件时,进度条立即变成100%,而实际上文件还在进行中,进度条一直等到上传进度完成。上传进度完成后,我如何才能将其填满。

enter image description here

就这样一直等待,直到完成上传进度。

enter image description here

这是完成的时候

最佳答案

Drop zone不做上传进度计算,你应该自己做,并提供百分比给drop zone组件。

当您通过 http 请求发送上传请求时,您可以检查文件大小以获得上传的总大小。然后在您的服务器 (onData) 的每个响应中检查已上传的整个文件大小。有了总大小和上传大小,您可以设置拖放区的上传百分比。

此外,还有一个 complete 事件会在上传成功或因错误而取消时触发。

关于javascript - Dropzone.js 上传进度条无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33735666/

相关文章:

javascript - 如何检查标题元素的显示属性的值?

javascript - 使用 NGINX 时无法在 Node.js 下使用 AJAX 发出 GET 请求

javascript - 限制 Dropzone 仅上传特定类型的文件

javascript - rails 5 : Can't redirect after JS call (DropZoneJS)

javascript - 使用 PHP 上传 Dropzone JS 文件时调用 PHP 中的 Javascript 函数

javascript - 使用 $_POST[] 调节 JavaScript 开关

javascript - 努力解决添加到购物车本地存储逻辑

php - 将此数据库结果传递给 javascript 函数的正确方法是什么?

javascript - Dropzone js 使用新函数 dropzone renameFIle

javascript - 如何更改 Dropzone.js 中的缩略图 src 值?