javascript - 在 jQuery 中模拟文件上传点击

标签 javascript jquery events

我有一个 <img ... />我在 jQuery 中将点击事件绑定(bind)到的标记。单击它时,我想让它模拟单击文件上传按钮以打开文件系统浏览弹出窗口。我在点击功能中尝试了这些东西但没有成功:

...
$(".hiddenUploadBtn").click();
...

...
$(".hiddenUploadBtn").select();
...

...
$(".hiddenUploadBtn").submit();
...

最佳答案

只需将 img 包装在标签中并将 for 属性设置为文件输入即可。适用于任何类型的内容,并且它内置于规范中。您甚至可以在此时隐藏文件输入。

<input type="file" id="fileUpload"><br>
<label for="fileUpload">
    <img src="https://www.google.com/images/srpr/logo11w.png" />
</label>

关于javascript - 在 jQuery 中模拟文件上传点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1133058/

相关文章:

javascript - 使用 AJAX 发送多个字段

javascript - 当 slider 项目具有 .flex-active-slide 类时,使 flexslider 视频自动播放

javascript - 为什么这个 jQuery 重置方法不能正常工作?

javascript - 水平滚动的 jInvertScroll 方向错误

events - Rust - 向 webassembly 游戏添加事件监听器

android - 通过 events.dtend 更新日历 instances.end

events - 如何调试 symfony2 服务容器中配置的标签和服务?

javascript - 使用javascript获取div的偏移高度

javascript - 带有 this 关键字的 Angular $on 函数

javascript - 获取组件的实际宽高