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);
    }
  }
});

在开发过程中，除非您限制请求，否则您将看不到进度。查看此处了解如何在 Chrome 中限制请求。