如何在 Dropzone 中显示 Loader 进度百分比？

Question

我在我的代码中使用 dropzonejs 但我不知道如何在上传文件之前将加载器图像放在 dropzone 中以及上传之后想要隐藏 loader.I 不知道该怎么做，有人可以吗帮我解决问题？

Answer 1

U可以监听totaluploadprogress事件，它的回调函数function(progress) { ... }有一个参数progress保存当前上传进度。

知道你应该能够用 CSS 或进度条制作一个加载器，就像我的情况一样：

let myDropzone = Dropzone("#my-element", { /* options */ });
myDropzone.on("totaluploadprogress", function (progress) {
   var elProgress = document.getElementById("#progress-bar");  // my progress bar

   if (elProgress === undefined || elProgress === null) return;

   elProgress.style.width = progress + "%";  // changing progress bar's length based on progress value
});

如何在 Dropzone 中显示 Loader 进度百分比？

How Can I Show Loader In Dropzone With Percentage in Progress?

dropzone.js

dropzone