账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    iview upload 没有on-change事件
    44
    0

    问题描述

    iview中没有uplaod事件,所以每次选择则文件后,this.$refs.upload.fileList一直增加,并没有清除后重新加载选中的文件

    问题出现的环境背景及自己尝试过哪些方法

    在handleBeforeUpload中尝试清空fileList,但是对于每一次选择多个文件时,每一个文件都会运行一次handlebBeforeUpload,导致每一次上传只能留下一个文件

    相关代码

    // 请把代码文本粘贴到下方(请勿用图片代替代码)
    handleBeforeUpload (file) {

           this.$refs.upload.clearFiles();//每一次上传,都清空upload列表
          const check = this.uploadList.length < 50;
          if (!check) {
            this.$Notice.warning({
              title: 'Up to five pictures can be uploaded.'
            });
          }
          else{
          }
          return check;
        }
    

    你期待的结果是什么?实际看到的错误信息又是什么?

    期待的结果是,对于多文件选择,每一次选择文件的时候,都清除上一次选择的文件,保留最新的选择的文件

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 九弥 普通会员 1楼

      iview的上传组件<iv上传>并没有提供on-change事件。这是因为在iview的<input type="file">组件中,用户可以对文件进行拖拽,但是这些操作并不在文件上传时触发。

      如果你需要在上传时触发事件,你需要在用户的点击事件中进行处理。例如:

      ```javascript <iv-upload ref="upload" @change="handleChange" :before-upload="beforeUpload"

      ```

      handleChange函数中,你可以获取到文件的名称和文件类型,然后在服务器端进行处理。

      如果你需要在用户点击事件之外的任何位置触发事件,你需要在服务器端进行处理。例如,你可以使用onchange事件的currentTarget属性来获取到当前选中的文件,然后在服务器端进行处理。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部