element ui upload问题

最新推荐文章于 2023-08-07 18:03:43 发布
最新推荐文章于 2023-08-07 18:03:43 发布
阅读量488 收藏 1
点赞数 1
分类专栏： 前端VUE
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38502918/article/details/115708282
版权
"在使用Element UI的el-upload组件时，博主遇到了一个bug：文件在选择后立即自动上传并显示进度，但上传完成后文件却从列表中消失。通过设置`auto-upload="false"`，博主成功阻止了自动上传，解决了这一问题。此记录旨在备忘，以防将来遗忘。"
摘要由CSDN通过智能技术生成

今天遇到一个小bug，在使用element的el-upload时出现上传的文件会自动上传并显示进度条，但是上传后文件就消失了。
但是我不止上传这一个文件，而且我上传的服务器地址也是我自己指定的，所以出现了问题。
这里只需要加上:auto-upload="false"关闭自动上传即可。
记录一下，防止以后忘记。

myl0808
关注
专栏目录
Element-UI中Upload上传文件前端缓存处理示例
10-17
主要介绍了Element-UI中Upload上传文件前端缓存处理示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
基于element-ui 使用 upload 预览图片 （含删除功能）
08-23
基于element-ui 使用 upload 预览图片 （含删除功能）参考链接：https://blog.csdn.net/qq_36437172/article/details/100034867
element ui实现自定义上传文件-以及解决已上传文件列表消失问题
凉城玖的博客
01-13 6316
自定义上传按钮，非自动上传，效果图 action - 就是上传的接口地址 accept - 是限制上传文件格式，设置后只能上传该格式文件， 选取-选取按钮只是选择了文件 ，但是并没有上传 <el-upload class="upload-demo inline-block" :action="commonApi02" ref="upload02" :on-preview="handlePreview"
解决element-ui 中upload组件使用多个时无法绑定对应的元素
weixin_34357267的博客
07-11 319
问题场景 我们在一个列表中分别都需要有upload组件的时候也就涉及到了多个upload同时存在； 因为一般可以在success回调中拿到上传成功的图片已经成功的response，多个也可以，这个没毛病； 文档如下： ！！！但是，当多个同类型的upload同时存在的时候，我在怎么知道回调里面的fileList该与谁关联呢？ 例如这种情况 这两个甚至无数个“步...
无奈，记录一次成功完成vue element ui upload上传文件结合struts2的骚操作，完美解决后台无法获得上传文件的问题
请告诉他
10-30 943
首先在这里不建议大家做这样的奇葩操作 如果你们有老系统必须要做这样的改造，那是无奈之举 先看代码，这些代码是我直接从我完成的项目中提取出来的可以直接使用，不过element ui这个空间布局我稍微做了css修改，这里就不贴出css了，这些代码之后会有完整解释，我会把我这次经历一一解释清楚如何一步一步填坑 <el-upload class="img-upload" ref="upload" name="itemfile" a
填坑日志-elementUI el-upload上传组件没有进度条
weixin_33937778的博客
08-02 5676
文档中使用el-upload组件上传有上传进度显示，如图： 但是我上传时没有进度条，直接显示完成状态，但是后台还是在上传中。 直接copy官方代码进来，一模一样的接口放进去。还是不显示。 剩下的只有可能是环境问题，配置了什么插件冲突了。 搜索网上，又人遇到相同的问题。回答原因是： el-upload的源码中 const xhr = new XMLHttpRequest() 而mockjs会重新声...
【ElementUI】el-upload 到底该怎么使用？记录有时上传图片会失败，有时上传成功又出现图片闪动的问题
一个努力学习的程序猿
06-15 7377
el-upload 的单图片、图片墙使用和遇到的坑
vue elementui el-upload上传的时候 子组件的header没触发Authorization 没传给后端的问题
qq_27806371的博客
06-29 717
【代码】vue elementui el-upload上传的时候 子组件的header没触发Authorization 没传给后端的问题。
element UI upload组件上传附件格式限制方法
10-18
本文将详细介绍如何在使用Element UI的upload组件时，实现对上传文件格式的限制。 首先，要实现文件格式的限制，主要需要使用到upload组件的属性：accept。这个属性接受一个字符串作为参数，用于指定用户可以选择的...
element-ui upload组件多文件上传的示例代码
10-17
Element-UI Upload组件是基于Vue.js的前端框架Element UI中的一个功能强大的上传组件，它提供了丰富的自定义选项和事件处理，适用于多种文件上传场景。在本示例中，我们将深入探讨如何利用Upload组件实现多文件上传...
element el-upload上传的附件名称不显示 file-list赋值
热门推荐
qq_39797360的博客
03-25 1万+
问题：上传附件后 文件名字不显示 解决：1、首先看file-list 是否在data中定义 2、如果定义了，文件名字还是不显示，在获取数据之后，把文件名字push到fileList中去，给name值赋值就可以显示了。 this.fileList.push({ name: '', ...
使用elementUI的upload组件上传文件时目录自动消失了？radio组件设置label的小坑...
weixin_33985507的博客
01-31 4720
我是初学者，不对的地方请大家多多指教。在使用vue和elementUI开发前端界面的过程中使用了upload组件，致点击上传按钮以后文件目录在界面上自动消失了，因为打算文件和表单其他参数一起上传，纳闷了很久，还以为需要把文件数据流缓存到浏览器中云云瞎猜，最后在看elementUI的文档过程中发现设置upload组件参数的：auto-upl...
上传 多选文件，有部分文件会丢失
w_jiunian的博客
04-12 733
<template> <div class="upload-file"> <!-- multiple 多选文件，有部分文件会丢失 --> <el-upload v-show="isDel" :action="uploadFileUrl" :before-upload="handleBeforeUpload" :file-list="modelValue" :limit="limit".
vue中使用el-upload组件修改上传的图片时，每次都会自动闪过上一次的图片
爱学习的大雄的博客
02-16 2962
在解决问题后要及时记录，才能让自己在以后遇到同样问题的时候更快解决。
vue element-ui 的 upload 组件上传图片列表出错后多删除了一张图片（原因分析及解决方法）
Jay的博客
08-29 5887
最近使用 `element-ui` 的 `upload` 组件上传图片列表，发现当选择上传的图片出错时，会将上一张图片删除了。问题原因分析、解决方法。及upload methods 如何使用。
elementUI文件上传控件单个页面存在多个时的解决办法
weixin_30558305的博客
10-16 1105
1 <el-upload 2 class="upload-demo" 3 ref="upLoad2" ----------------------上传控件唯一标志 4 action="https://jsonplaceholder.typicode.com/posts/" 5 ...
element中upload上传组件自带的进度条消失问题
qq_57693025的博客
08-07 2020
这是我的第一篇博客，如果有写的不对的地方，还请指正。另外，问题虽然解决了，但是却还是不太明白，我感觉很有可能是我的写法有问题，想问下有大佬知道原因吗。改了之后，自信保存，然后自测，发现没起作用，于是我又接着搜索，尝试了其他自定义进度条的方式，还是不能动态显示进度条数据，然后又是搜索。最后实在没辙了，干脆死马当活马医，把封装好的api换成最原始的axios，它居然可以了！说是项目中使用了的mock的原因，但是我全局搜索了项目，确实是没有用到mock。赶时间的可以直接拉到最后。
vue3 el-upload文件上传隐藏文件列表
jieyucx的博客
12-14 4425
vue3 el-upload文件上传隐藏文件列表
element ui upload
最新发布
09-25
element UI upload组件是一个用于上传附件的组件，可以限制上传文件的格式。在使用该组件时，可以通过设置checkType函数来实现文件格式的限制。在checkType函数中，可以通过获取用户选择的文件，并将其赋值给一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值