使用element-ui中的el-upload组件时携带其他参数

<el-upload
  action="/api/oss/file/add"
  :headers="headers" // 如果头部需要传token
  multiple
  :limit="1" // 限制文件个数
  :before-upload="handleBefore"
  :on-success="handleSuccess"
  :data="pdfData"
  accept=".pdf" // 限制文件格式>
  <el-button size="small" type="primary">上传PDF</el-button>
</el-upload>
pdfData: {
    '参数1': '',
    '参数2': '',
    '参数3': ''
  },
  headers: {
    Authorization: Cookies.get('token') 
    //从cookie里获取token,并赋值 Authorization ,而不是token
  }
// 上传前的回调函数
  handleBefore(file) {
    const _vm = this;
    _vm.pdfData.参数1 = '值1';    
    _vm.pdfData.参数2 = '值2';    
    _vm.pdfData.参数3 = '值3';    
  }
// 上传成功回调
  handleSuccess(res) {
    const _vm = this;
    if (res.status == 200) {
      _vm.$message({
        message: 'Success!',
        type: 'success'
      })
    } else {
      _vm.$message({
        message: 'Upload Error!',
        type: 'error'
      })
    }
  }

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章