vue.js中的文件上传进度条

Question

我正在尝试开发一个Vue.js应用程序。在这方面我正在上传这个应用程序中的文件。现在我想为该文件上传功能开发一个进度条。我正在尝试按照教程。在这里，我获得了axios库用于上传文件。代码如下所示

axios.post("/upload.php",fd,{
    onUploadProgress: function() {
       //code here
    }
})

但我正在使用vue-resource。如何在vue-resource？

中检测上传进度

Answer 1

vue-resource将是：

this.$http.post('/upload.php', fd, {
  progress(e) {
    if (e.lengthComputable) {
      console.log(e.loaded / e.total * 100);
    }
  }
});

当您处于开发阶段时，除非限制请求，否则您将看不到进度。请查看here，了解如何在Chrome中限制请求。