element中el-upload组件自定义参数

最新推荐文章于 2024-08-15 15:35:32 发布
最新推荐文章于 2024-08-15 15:35:32 发布
阅读量2.4k 收藏 2
点赞数
分类专栏： vue eolement el-upload
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Lei_Xue/article/details/100583805
版权
vue 同时被 3 个专栏收录
19 篇文章 0 订阅
订阅专栏
eolement
4 篇文章 0 订阅
订阅专栏
el-upload
1 篇文章 0 订阅
订阅专栏

先找到el-upload组件的j目录(如下图所示)

在props中添加 自定义参数的值 objectBind:nul

（小技巧：可以搜索onPreview:这个关键词查找）

然后继续往下找到，this.onSuccess的执行地点，加上这个自定义参数  this.objectBind

最后在页面调用绑定参数调用就可以了

在上传成功的时候调用

over...

 

 

Lei丶大叔
关注
专栏目录
elementUI el-upload 上传单个文件及多个文件总结
Mayflyingdancing的博客
07-10 3542
一、单个文件时： <el-upload class="upload-demo" ref="uploadSingle" drag :action="uploadUrl" :data={Userid:Userid,Username:Username,AllCount:1,RecCount:1,OverFlag:1} :show-file-list="true" :on-progress="handleP
element-plus中el-upload 组件:on-success方法传递其他参数
cyj0919的博客
07-18 345
【代码】element-plus中el-upload 组件:on-success方法传递其他参数。
el-upload自定义参数写法
波波的博客
12-07 468
<el-upload class="upload-demo" :action="uploadUrl" :on-change="(file =>{ return fileChange(file,scope.row,'company'); })" :befo.
elementUI el-upload自定义参数_el-upload list-type参数值
2401_85014406的博客
05-16 659
elementUI 提供的Upload 没有自定义回调参数可以通过以下两种方式实现方法一： data传参，官网提供的data方式方法二：:on-success=“(value)=> handleSuccessImg(index, value)”很多场景下，页面使用到多个el-upload组件，这个时候element并没有提供类似this的这么个东西，钩子函数的回调里面定位不到当前组件，可以通过以下两种方式获取到当前组件。具体写法为
el-upload 上传文件或者图片
最新发布
weixin_44109000的博客
08-15 630
支持文件格式.pdf,单个文件不能超过5M
el-upload的入门学习
qq_40765784的博客
06-02 2957
el-upload的入门使用和属性的概要介绍
el-upload上传文件
Zing_ing的博客
01-06 674
需求：选中或拖拽文件后，使用http-request属性实现自动上传，并根据后端传回来的结果显示错误和控制fileList的显示，如果后端返回成功，则文件显示在文件列表处，如果后端返回失败，则文件列表不显示这个文件并提示错误。
若依RuoYi前端分离版Vue中使用el-upload组件实现多图片上传功能（增加和修改）
qq_42751248的博客
07-14 1万+
一、前言：作为不是第一次做图片上传功能的小伙伴们估计都有这样的体会，实现图片上传功能不难，稍微需要花点时间是增加功能里成功添加的图片在修改功能里能正常显示，以及不刷新项目的前提下，相互切换增加和修改功能时，图片缓存问题的正常处理，以下详细介绍若依RuoYi-Vue前端分离版使用Element里的el-upload组件实现多图片上传功能： 二、前端相关代码： A.标签代码(多图片上传组件)： <!--:action里面放图片上传调取的后台方法 :headers设置上传的请求头部,使请求携带自定义
el-upload组件说明汇总，实现上传、点击下载、删除功能等
whwhhhh的博客
02-14 1万+
<el-upload class="upload-demo" action="/admin/sys-file/upload" //文件上传路径 :headers="headers" //请求头配置信息 :file-list="fileList" //上传的文件显示列表, 格式如: [{name: 'food.jpg', url: 'https://xxx.cdn.com/xxx.jpg'}] :limit="5" /
vue-cli3.0+element-ui上传组件el-upload的使用
10-17
el-upload组件允许用户上传文件，并且可以进行一系列的定制和限制，以满足各种需求。 首先，`<el-upload>`组件的基本用法是在模板中创建一个元素，通过属性来控制它的行为。例如： ```html <el-upload class=...
解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题
12-03
在Vue2.0中，Element-UI库提供了一个强大的组件`el-upload`，用于处理文件上传功能。在本文中，我们将深入探讨如何解决在`before-upload`方法返回`false`时，`submit()`方法不生效的问题，以及如何在取消上传时仅...
vue+elementUI(el-upload)图片压缩,默认同比例压缩操作
10-14
在本文中，我们将深入探讨如何在Vue.js项目中结合Element UI的`el-upload`组件实现图片的压缩功能，特别是在用户上传大尺寸图片时，确保前端能够处理并优化图片大小，减轻服务器负担。以下是一步步实现这个功能的...
重写element-upload组件
qq_41449476的博客
05-29 446
解决前端上传多个附件，实现一键提交保存操作
【前端相关】elementui使用el-upload组件实现自定义上传
No8g攻城狮的博客
05-24 3万+
官方的描述是说 覆盖默认的上传行为，可以自定义上传的实现，类型是 function，可选值与默认值都省略。经过我的探索，我发现它可以接收一个参数，这个参数保存了你文件上传的对象。elmentui 中的upload默认的提交行为是通过 action 属性中输入的 url 链接，提交到指定的服务器上。先定义了一个 el-upload标签，在里面先把自动上传文件关闭，由于action是必填项，所以就塞了个#进去，在。在这个函数里面，我实现了自定义文件上传的请求。上传文件之前的钩子，参数为上传的文件，若返回。
el-upload 使用 before-upload 传递其他参数
dearyang
06-26 5456
:before-upload="(file) => beforeAvatarUpload(file, id)" <el-upload class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/" :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="(file) => be...
el-upload 文件上传组件的使用
热门推荐
stc_ljc的博客
03-04 13万+
在我们的日常开发中，上传文件是一个很普遍的需求。这时候大家使用Vue的都会想到el-upload这个组件，
el-upload动态参数问题
imyar
01-11 8035
&lt;el-upload class="el-button el-button--small" style="margin: 5px 10px;padding: 0px" action="/admin/res/house/addBatch" :headers="headers" v-if="permissions.res_house_import" :on-succes..
el-upload 自定义参数（动态渲染el-upload组件，上传成功后获取当前index，更新数据源)
qq_37471721的博客
01-04 5286
因项目需求，需要根据数据动态渲染el-upload组件，上传成功之后同步更改数据源相应位置的fileName 详见Element官方文档 打印回调参数val,就会看到刚刚定义的data属性，从而获得当前index 拿到index，之后的数据源更新等操作就顺利搞定啦！ 好记性不如烂笔记，记录问题之余希望也能帮到你欧！ ...
el-upload 超详细-（附件，图片，多类型文件）玩转上传upload--new FormData()
m0_63005501的博客
01-14 9332
el-upload 超详细-（附件，图片，多类型文件）玩转上传upload--new FormData()
element-ui upload自定义el-upload-list
06-11
您好，关于 element-ui 的上传组件 el-upload，您可以通过自定义 el-upload-list 来实现自定义上传列表的功能。 具体实现方法如下： 1. 在 el-upload 组件中添加属性 list-type="picture-card"，并设置属性 action...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值