上传确认

软件

如何通过beforeUpload对Element的上传组件提供上传确认功能

如果这里直接写判断，则是不行的，官方的文档写的是： before-upload 上传文件之前的钩子，参数为上传的文件，若返回false或者返回 Promise 且被 reject，则停止上传。所以，这里可以参考的写法是这样：

function beforeUpload() {
  // 弹窗确认
  return new Promise((resolve) => {
    ElMessageBox.confirm('确定上传文件吗？', '提示', {
      confirmButtonText: '确定',
      cancelButtonText: '取消',
      type: 'warning',
    }).then(() => {
      resolve(true)
    }).catch(() => {
      resolve(false)
    })
  })
}

function beforeUpload() {

// 弹窗确认

return new Promise((resolve) => {

ElMessageBox.confirm('确定上传文件吗？', '提示', {

confirmButtonText: '确定',

cancelButtonText: '取消',

type: 'warning',

}).then(() => {

resolve(true)

}).catch(() => {

resolve(false)

})

}

这样，即可做到上传前的确认。

蓝洛水深

2024年3月28日

00770