请教：如何能用button的click事件控制

milesma 2002-11-27 08:54:46

现在要求将 <input type=file ...> 隐藏起来（已解决）
用一个button来控制其click事件（已解决）
但当submit表单时，失败。
为了检查，将file显示出来，重复上述过程，发现提交时，file被清空，如果再单击提交按钮，则成功，但当然了，文件上传失败。
更令人郁闷的是：假如正常使用file(不用click来控制），如果人为往里输入路径，虽然文件存在，但提交时仍被清空，然后当然了，失败。
请问各位大侠，如何能做到用click事件控制？或者如何能手动输入路径？盼答，万分感激.

...全文

69 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

1. 取代法

使用隐藏的<input type="file"/>控件，然后用一个只读的文本框和一个按钮来模拟<input type="file"/>的功能。
<input type="file" name="file" onpropertychange="file1.value=this.value" style="display:none/" mce_style="display:none/"> <input type="text"

借鉴文章：上传按钮<input type="file" />智能多效美化先摆放一张图片来说明在React项目中的使用：其中【上传照片】按钮是将<input type="file" />与<label>配合，以保持语义化+可访问性为目标，辅以少量Javascript来实现美化的。下面按照实际开发的项目来逐一讲解（只针对长处方申请业务）： 1、Antd Pro3.x中业务代码目录 2、在父组件ResidentContract.js中获取长处方...

隐藏input输入框使用$refs获取dom并且触发点击事件 <p @click="$refs.file.click()">点击修改头像</p> <input type="file" hidden ref='file' @change="onFileChange"> dialogVisible值为true时弹出对话框  <el-dialog append-to-body title="提示" .

文章目录参考 <input type="file" /> 默认的样式：实际上，你无法单独隐藏 <input type="file" /> 元素所展现的按钮后面的文字。但是，可以通过隐藏整个元素，然后使用其他元素（简称 B）代替它出现，就可以“间接地”隐藏 <input type="file" /> 元素所展现的按钮后面的文字。当点击 B 时，调用已经隐藏的 <input type="file" /> 元素的 click() 方法，同样可以实现类似用户点击

28,391

社区成员

357,060

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章