js点击某个图标或按钮弹出文件选择框

最新推荐文章于 2023-09-08 01:26:47 发布

起一个好听的名字

最新推荐文章于 2023-09-08 01:26:47 发布

阅读量1w

点赞数 2

分类专栏： JavaScript

JavaScript 专栏收录该内容

23 篇文章

订阅专栏

本文介绍了一种利用JavaScript实现点击图片打开文件选择对话框的方法。通过将文件输入框设置为不可见，并借助图片点击事件触发文件选择框的点击操作，从而实现了较为平滑的用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Demo</title>
    <script type="text/javascript">
        function F_Open_dialog() 
       { 
            document.getElementById("btn_file").click(); 
       } 

    </script>
</head>
<body>
    <div>
        <input type="file" id="btn_file" style="display:none">
        <img src="http://7u2nae.com1.z0.glb.clouddn.com/2.jpg" onclick="F_Open_dialog()">
    </div>

</body>
</html>