vue3 element-plus
我想使用el-upload上传文件后 让文件名展示在指定的输入框内 请问我怎么做
如下图
问题一 去除默认 后面展示文件名
问题二 前面输入框显示文件名
el-upload 控制上传成功后显示位置
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
3条回答 默认 最新
ZionHH 2023-08-16 17:45关注show-file-list设为false，隐藏已上传列表
on-change事件可以获取到选择文件信息，里面有文件名，赋值给输入框
本回答被题主选为最佳回答 , 对您是否有帮助呢?评论 打赏解决 2无用举报 分享
- 2025-01-25 17:04WuwuwuH_的博客 由于后端返回数据与要求形式不符，使用el-upload默认方法调用onSuccess钩子失败，导致上传成功icon并未显示。
- 2020-10-17 16:50在本篇文章中，我们将详细探讨如何在vue-cli3.0环境中使用Element UI的上传组件el-upload。el-upload组件允许用户上传文件，并且可以进行一系列的定制和限制，以满足各种需求。 首先，`<el-upload>`组件的基本用法...
- 2022-09-20 17:52smile@qingqing的博客 el-upload自定义上传文件时需要显示进度条，但使用会覆盖默认的上传行为，也就不生效了，所以可以自定义上传的实现。 数据 事件 导入接口 接口方法 uploadEvent
- 2024-07-10 15:22克劳迪尔的博客 在子组件每次上传成功后，调用父组件清除验证提示方法。
- 2020-11-26 12:163. **自定义事件处理**：Element UI 的 `el-upload` 组件提供了一系列的回调函数，如 `on-preview`, `on-remove`, `on-success` 等，用于处理文件预览、移除文件以及文件上传成功后的操作。例如，`handleSuccess` ...
- 2025-01-20 15:55影子信息的博客 反思原因是不是upload组件绑定的值早已存在一个对象【第1次上传成功的接口返回的对象】
- 2020-10-14 23:04在本文中，我们将深入探讨如何在Vue.js项目中结合Element UI的`el-upload`组件实现图片的压缩功能，特别是在用户上传大尺寸图片时，确保前端能够处理并优化图片大小，减轻服务器负担。以下是一步步实现这个功能的...
- 2025-08-21 10:49Copy-paste monkey的博客 （1）限制只能上传 Excel 类型文件 修改accept属性的值（），只保留 Excel 相关的...场景：选择文件后、文件上传中、上传完成（成功 / 失败）等时机都会触发。 参数：接收三个参数 file（当前操作的文件对象）、fileLi
- 2023-12-19 23:41honor_zhang的博客 其实感觉前端只要有第二节封装组件的代码，代码一看就一目了然，就是在文件下载时候，多花了一点小心思。本篇文章只是简单笼统的介绍了一下前端实现传文件，具体的表单设计其实有很多立方需要讲，后期的话，如果有...
- 2020-10-17 20:23### Vue中使用el-upload上传图片至七牛云的实践 在前端开发中，图片上传是一个常见的需求。七牛云是一个提供稳定、可扩展的文件上传服务的云存储平台。Vue.js是一个用于构建用户界面的渐进式JavaScript框架，而...
- 没有解决我的问题, 去提问
问题事件
系统已结题
9月6日
已采纳回答
8月29日-
创建了问题
8月16日