账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

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

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    antd vue upload这个回调参数传参怎么用
    66
    0
    @preview="handPreview"可以传额外的参数吗<template slot="upload" slot-scope="text, record"> <a-upload name="file" :multiple="true" action="/api/common/upload" :headers="headers" :value="text" v-if="record.editable" @change="handleChange" @preview="handPreview(record)"</template> handPreview (file, record) { console.log(file) console.log(record) // 请问这边怎么接到参数 },
    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 妳可知、永遠有多遠 普通会员 1楼

      在Ant Design Vue中，上传回调参数的传递可以通过uploadFile方法实现。这个方法会在onSuccess事件处理函数中被调用，你可以在这个函数中处理上传的文件。

      例如，如果你有一个表单，表单中有一个文件输入，你可以这样使用uploadFile方法：

      ```jsx

      ```

      在这个例子中，fileInput.files[0]就是文件输入框中的文件。on-success是uploadFile方法的回调函数，当文件上传成功时，它会被调用。

      handleSuccess函数接收一个event对象，这个对象包含了文件上传的信息，包括文件名、类型等。你可以在这个函数中处理这些信息，例如保存到数据库、发送电子邮件等。

      注意，uploadFile方法默认是自动上传的，如果你不希望自动上传，你可以设置auto-upload属性为false。如果你设置了auto-upload属性，但没有提供auto-upload-type属性，Ant Design Vue将使用fileinput-type属性来决定上传的文件类型。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部