我有一个隐藏的文件输入元素.是否可以从按钮的单击事件触发其select file对话框?

推荐答案

如果您希望使用自己的按钮来上传文件,而不是使用<input type="file" />,您可以执行以下操作:

<input id="myInput" type="file" style="visibility:hidden" />
<input type="button" value="Show Dialog" onclick="$('#myInput').click();" />

请注意,我使用了visibility: hidden,而不是display: none.不能对未显示的文件输入调用click事件.

Html相关问答推荐

Xpath:提取标签之间的文本,但一旦出现嵌入标签就停止

Vue.js复选框对齐问题:在表格单元格中居中复选框

如何增加行背景的宽度而不影响上面的内容?""' HTML CSS

如何在一张表中逃脱边境坍塌--崩溃?

滚动平滑在笔记本电脑上不起作用,但在Nextjs网站的手机浏览器中起作用

如何创建嵌套的动态表单元素

如何从elementor中的滑块中获取文本?

与窗高匹配的响应式正方形网格

如何使用css创建六边形棋盘?

为什么一个 CSS 网格框比其他网格框低?

为什么我不能覆盖 div 的样式?

嵌入最近的 YOUTUBE 视频(不是短片,视频)

四开将一个 qmd 文档中的单词链接到另一个 qmd 文档中的单词

在HTML请求中添加源URL

主要元素内滚动时,固定导航栏会消失

绝对类在另一个绝对类之上

在 iPhone 上分隔 HTML 邮箱输入中的多个邮箱条目

本地 css 样式表未链接

嵌套固定定位的 Div 滚动条渗透到前景中的 Div

如何使具有两个元素的 div 行在移动设备中响应