vue + elementsUI---el-upload上传时给个提示confirm判断

最新推荐文章于 2023-11-27 08:38:28 发布

咩有猫腻.

最新推荐文章于 2023-11-27 08:38:28 发布

阅读量738

点赞数

分类专栏： vue+element+echarts+map

本文链接：https://blog.csdn.net/DcTbnk/article/details/115753183

版权

vue+element+echarts+map 专栏收录该内容

71 篇文章 3 订阅

订阅专栏

这段代码展示了如何在Vue应用中实现Excel文件上传，并在用户确认后调用导入接口进行处理。`beforeUpload`函数用于处理文件，通过FormData添加文件，并在弹窗确认后发送请求到TextItemImport接口。

摘要由CSDN通过智能技术生成

<el-upload
  class="upload-demo"
  ref="fileExcel"
  action="/"
  accept=".xlsx, .xls"
  :before-upload="beforeUpload"
>
  <el-button type="primary">导入</el-button>
</el-upload>

// 上传
    beforeUpload(file) {
      console.log('file',file)
      let formData = new FormData()
      formData.append('file', file)
      this.$confirm('确认导入吗?', '提示', { type: 'warning' })
        .then(() => {
          TextItemImport(formData).then(res => {
            if (res.success === true) {
              this.$message({ type: 'success', message: '导入成功!' })
              this.getDataList()
            } else {
              this.$message({ type: 'error', message: res.errormsg })
            }
          })
        })
        .catch(err => {})
    },