我是靠谱客的博主 心灵美飞机,这篇文章主要介绍elemnetui 自定义上传文件(带进度条),现在分享给大家,希望可以做个参考。

<el-upload
  action=""
  :file-list="fileList"
  :http-request="handleChange"
></el-upload>
async handleChange (params) {
  const fileBody = new FormData()
  fileBody.append('file', params.file)
  fileBody.append('token', 'unstructured')
  request({
    method: 'xxxx',
    url: 'xxxxxxx',
    data: fileBody,
    // complete就是处理后的上传进度数值1-100
    onUploadProgress: progressEvent => {
      const complete = parseInt(
        ((progressEvent.loaded / progressEvent.total) * 100) | 0,
        10
      )
      // onProgress()方法需要以上方接收的形参来调用
      // 这个方法有一个参数"percent",给他进度值 complete 即可
      params.onProgress({ percent: complete })
    }
  }).then((res) => {
    if (res.code === 200) {
      this.fileList.push(file)
    }
  })
},

最后

以上就是心灵美飞机最近收集整理的关于elemnetui 自定义上传文件(带进度条)的全部内容,更多相关elemnetui内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(45)

评论列表共有 0 条评论

立即
投稿
返回
顶部