el-upload多文件上传

本文记录了在项目中使用el-upload组件进行多文件上传时的配置和问题解决,包括设置上传限制、文件类型过滤、上传失败提示以及上传成功后的处理。通过on-change和on-success等回调函数实现文件上传的控制。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

项目场景:

使用upload进行多文件上传,并过滤不符合条件文件


问题描述:

第一次使用el-upload做多文件上传,遇到问题较多,记录一下


原因分析:

on-success方法调用不到


解决方案:

数据定义部分
        data(){
        return{
            upload: {
            // 是否显示弹出层(用户导入)
            open: false,
            // 弹出层标题(用户导入)
            title: "",
            // 是否禁用上传
            isUploading: false,
            // 设置上传的请求头部
            headers: { Authorization: "Bearer " + getToken() },
            // 是否更新已经存在的用户数据
            updateSupport: 0,
            // 上传的地址
            url: "上传的后台接口路径" // 此处可以随意填写字符串,但是不能为空或者不传

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值