axios 上传显示进度

使用 onUploadProgress 实现

let self = this
this.axios.put(this.uploadUrl, this.files[0], {
  headers: {
    'Content-Type': 'multipart/form-data'
  },
  transformRequest: [function (data) {
    return data
  }],
  onUploadProgress: progressEvent => {
    let complete = (progressEvent.loaded / progressEvent.total * 100 | 0) + '%'
    self.uploadMessage = '上传 ' + complete
  }
})
.then((response) => {
  if (response.status === 200) {
    self.uploadMessage = '上传成功!'
  }
})
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容