vue2 使用el-upload判断文件类型是否为rar时，bug

最新推荐文章于 2025-12-05 18:32:42 发布
原创 最新推荐文章于 2025-12-05 18:32:42 发布 · 84 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#bug #vue.js #前端

最近写代码时，碰到一个bug，使用el-upload的before-upload判断文件type是否为rar时

如果是win11，可以直接使用：application/x-compressed

当win10时，浏览器识别的type为空！！！！！！！！！

【Vue3 + Element-Plus】 el-upload 组件批量上传图片问题记录
Komorebi_00的博客
06-07 1950
使用el-upload封装实现批量上传图片的组件时的踩坑记录，并附上完整组件代码
el-upload 上传功能,到达limit后隐藏上传按钮（完善版本）
King Saj
12-01 1525
效果: <el-row> <el-col :span="8"> <el-form-item label="录入" prop="certificateFile"> <!-- <template v-if="assessment.assessmentAction.canEdit_certificateFile"> -->
【Vue3】使用el-upload封装头像上传组件
小安驾到的博客
07-04 893
【代码】【Vue3】使用el-upload封装头像上传组件。
在vue2中，使用el-upload组件进行批量上传时，使用了limit进行限制，第一次上传了limit个文件后，无法再次上传问题处理
2301_77084596的博客
08-23 1908
使用this.$refs.upload.clearFiles()解除限制失败的原因：这里的el-upload上传时使用http-request进行自定义上传，在使用http-request进行上传时on-error、on-success失效了，无法执行，当然在http-request对应的自定义上传事件中也尝试过，失败。在使用el-upload二次封装的组件进行自定义批量上传时，每次上传文件时进行了limit限制:limit='30'，当第一次批量上传了limit数量的文件后，无法二次进行上传。
vue element el-upload上传文件遇到的问题汇总
TangelaYue的博客
04-21 4699
两个文件作为FormData的主参数，其他录入的字段需要扔到一个对象中 作为FormData的额外参数
vue中如何在el-upload中传递参数
qq_37559701的博客
06-02 676
重写on-success方法，然后传入你需要的参数 （我的是：item.sendDetailId）
el-upload附件上传文件类型限制
我的代码没有bug的博客
07-15 7444
上传功能是用element中的upload组件做的，里面有个属性控制上传文件格式 设置accept上传限制，同时在上传文件之前的钩子before-upload里面进行判断，当选择不符合格式文件时，进行提醒 代码 <el-upload style="display: inline-block;" class="upload-demo" accept=".pdf,.jpg,.png"
el-upload组件上传下载使用
weixin_43637720的博客
01-09 2684
其中：Content-Type文件类型修改为“multipart/form-data”，（默认：application/json）将el-upload组件进行封装，项目中要求是，修改界面是需要“加号”图表，详情界面需要隐藏“加号”并且，隐藏删除icon图表。就是打开弹窗，弹窗内容只放置图片标签，img的url就是点击事件中的file.url。将选中的file在this.fileList数组中删除即可。主要用于父组件用于关闭修改时清空操作（防止页面缓存）拿到img的url直接动态创建a标签。
Element UI 上传器 ＜el-upload＞ 手动上传多个文件失败-解决记录
王清欢的博客
12-27 7169
遇到一个问题，有多个el-upload,手动上传文件，最后一次性提交。但是后台要求提交的是binary的形式，请问有什么办法进行转换，转换又要针对el-upload的file中的哪个属性。 01 Bug 描述 笔者在使用 Vue + Element UI 进行前端开发时遇到多文件上传的需求，我使用 Element UI 的 el-upload 上传器组件实现这一功能，使用如下图所示的官方用例进行开发 基于上述 手动上传 用例实现多个文件上传时，后端响应结果为 上传文件为空，即文件没有正确发送给后端，如下
怎么限制 饿了么插件el-upload组件上传文件类型和文件大小
x2497010433的博客
09-19 2793
怎么限制 饿了么插件el-upload组件上传文件类型和文件大小
Debug-022-el-upload照片上传-整体实现回顾(上)
LM0916的博客
08-23 1692
前情概要：最近业务里通过el-upload实现一个上传图片的功能，有一些小小的心得分享给各位。一方面是review一下，毕竟实现了很多细小的功能，还有这么多属性、方法（钩子）和碰到的问题，感觉小有成就。另一方面，这个上传图片的功能比较少用，但是确实多数系统都有可能去做的一项功能，时间一久，很多钩子和属性非常容易遗忘，所以这里备份可以便于将来二次利用，温习一下，很多地方又可以直接去CV，也算是为以后提升效率考虑吧（虽然现在把这些在回顾一遍写下来真的超级麻烦，但还是应该有一些匠心精神吧，共勉共勉）。
el-upload typescript 多文件上传添加loading progress
silence_forever
02-01 3755
el-upload的单文件上传loading框很好做，如果涉及到单次要上传多个文件，产品同志又给你提bug说加载条怎么消失了的时候，改怎么优化自己的上传组件呢？ 标签 <el-upload ref="uploader" style="display:inline-block;" action :on-success="handleImportFinished" :on-progress="handleUploadProgress" :on-erro
搭配el-upload的动态新增删除表单+对重复项进行校验
lcc0628的博客
09-08 787
目标效果 1.动态新增删除表单 2.校验规则（重点是upload的上传后清除校验提示） 3.对重复项进行校验，只能想到这种比较复杂的方法，有更好的建议请指教T T 代码参考 html部分 //html <el-form ref="editForm" :model="editForm" :rules="editRules" inline label-wid..
拒绝“玄学”Bug：C++ 多线程调试指南与 ThreadSanitizer 实战
最新发布
exlink2012的专栏
12-05 309
本文介绍了C++多线程调试的常见挑战和解决方案，重点推荐ThreadSanitizer(TSan)工具。TSan通过编译时插桩技术，能高效捕获数据竞争、死锁等问题，相比传统Valgrind速度提升显著。文章提供了TSan的实战教程，包括代码示例、编译方法和报告解读，并介绍了GDB调试技巧（如threadapplyallbt命令）和日志分析等辅助手段。最后给出了多线程问题的决策路径，建议将TSan集成到开发流程中，以预防并发问题。
软件测试--BUG篇
aeljg的博客
12-03 975
本文系统介绍了软件测试生命周期和BUG管理相关内容。在测试生命周期部分，阐述了测试贯穿软件全周期的流程特点。BUG管理部分详细说明了bug的定义、描述要素、分级标准（崩溃/严重/一般/次要）及其完整生命周期（New→Open→Fixed→Closed等状态流转）。针对测试与开发人员常见的争执问题，提出了5个解决方案：1）检查bug描述清晰度；2）从用户角度思考；3）有理有据定级；4）提升技术能力并提出解决方案；5）必要时组织bug评审。特别强调测试人员应通过提升业务水平建立权威性，同时注意沟通方式，避免命令
修复一个Bug，冒出三个新Bug？你需要引入“根因分析”流程
2501_94436581的博客
12-01 1005
软件测试中"修复一Bug冒出三Bug"的现象普遍存在，其根源包括代码耦合度高、测试覆盖不足、时间压力等。根因分析(RCA)作为一种结构化方法，通过系统性思维和数据驱动决策，帮助识别问题本质而非表象。实施RCA需遵循五个步骤：问题定义与数据收集、识别根本原因、制定纠正措施、监控效果、知识共享。案例显示，将RCA整合到测试流程中可显著降低Bug复发率。RCA使测试团队从被动"救火"转向主动预防，是提升软件质量和团队效率的有效途径。
Complete Bug Bounty tool List for free
bugsycrack的博客
12-04 619
Tool List ，enjoy yourself.dnscan https://github.com/rbsec/dnscanKnockpy https://github.com/guelfoweb/knockSublist3r https://github.com/aboul3la/Sublist3rmassdns https://github.com/blechschmidt/massdnsNmap https://nmap.orgMasscan https://github.com/robertda
界面控件开发包DevExpress v25.1.7更新上线——修复一些小bug
Aevget的博客
12-04 266
DevExpress官方已正式发布v25.1.7，此版本解决了之前版本存在的一些小bug，欢迎下载最新版体验！
快速定位bug，编写测试用例
HUACE0047的博客
12-05 521
这些资料，对于做【软件测试】的朋友来说应该是最全面最完整的备战仓库，这个仓库也陪伴我走过了最艰难的路程，希望也能帮助到你！凡事要趁早，特别是技术行业，一定要提升技术功底。
业务如果是 鼠标移入el-upload 内后 按粘贴，判断粘贴的是不是图片，如果是图片调用上传文件接口
11-13
在Vue项目中，要实现鼠标移入`el-upload`组件内粘贴时判断粘贴内容是否为图片并调用上传文件接口，可以按以下步骤实现。 首先，在`el-upload`组件上监听鼠标移入和移出事件，同时在包含上传组件的`form`表单上添加...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值