为了账号安全,请及时绑定邮箱和手机立即绑定

iview中如何实现,点击按钮后开始上传附件

iview中如何实现,点击按钮后开始上传附件

牛魔王的故事 2019-03-13 13:11:21
1.使用iview中的upload组件,选择好文件后,点击“上传”按钮才开始上传2.iview的upload api文档有说明,before-upload 上传文件之前的钩子,参数为上传的文件,若返回 false 或者 Promise 则停止上传所以我的想法是,通过before-upload回调函数中返回一个promise对象,点击上传后,执行promise的resolve方法,这样就可以实现点击后上传目前的问题是,点击“上传”按钮,如何执行Promise的resolve方法,vue中如何实现upload(rawFile, file) {  this.$refs.input.value = null;  if (!this.beforeUpload) {    return this.post(rawFile);  }  const before = this.beforeUpload(rawFile);  if (before && before.then) {    before.then(processedFile => {      if (Object.prototype.toString.call(processedFile) === '[object File]') {        this.post(processedFile);      } else {        this.post(rawFile);      }    }, () => {      this.onRemove(null, rawFile);    });  } else if (before !== false) {    this.post(rawFile);  } else {    this.onRemove(null, rawFile);  }},
查看完整描述

2 回答

?
慕尼黑5688855

TA贡献1848条经验 获得超2个赞

你可以把返回的promise存储到一个data里把, 再通过click参数传递给按钮点击事件。


查看完整回答
反对 回复 2019-03-30
  • 2 回答
  • 0 关注
  • 2446 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信