js中如何点击一个按钮弹出一个file文件框
答案:3 悬赏:20 手机版
解决时间 2021-12-20 20:18
- 提问者网友：回忆在搜索
- 2021-12-19 23:27
js中如何点击一个按钮弹出一个file文件框
最佳答案
- 五星知识达人网友：零点过十分
- 2022-01-05 21:13
js中点击一个按钮弹出一个file文件框的步骤如下：
1.在文件夹中创建一个html文件“test”。
2.在test文件中添加一个html的框架。
3.添加两个input，一个是button，一个是file把id设置为“open”style类型设置为“display:none”不显示。
4.打开后我们发现只显示这一个“打开文件”按钮。
5.现在我们给button添加onclick事件，调用openfile触发id为“open”的file。
6.现在我们在浏览器中点击“打开文件”文件按钮就会弹出选择文件路径对话框了。这样就解决了js中点击一个按钮弹出一个file文件框的问题了。
1.在文件夹中创建一个html文件“test”。
2.在test文件中添加一个html的框架。
3.添加两个input，一个是button，一个是file把id设置为“open”style类型设置为“display:none”不显示。
4.打开后我们发现只显示这一个“打开文件”按钮。
5.现在我们给button添加onclick事件，调用openfile触发id为“open”的file。
6.现在我们在浏览器中点击“打开文件”文件按钮就会弹出选择文件路径对话框了。这样就解决了js中点击一个按钮弹出一个file文件框的问题了。
全部回答
- 1楼网友：千杯敬自由
- 2022-01-05 23:03
<input type="file" />
- 2楼网友：孤独入客枕
- 2022-01-05 22:35
啊 刚才看错题了 是点击一个按钮 然后激活 file 的click 这个意思吗？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script>
function test() {
var f = document.getElementById('f');
f.click();
}
</script>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
</head>
<body style="border:1px solid black;">
<input type="button" onclick="test()" value="test" /><br/>
<input type="file" name="pic" id="f"/>
</body>
</html>
不是的话追问一下 我在给你改
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
点此我要举报以上问答信息
大家都在看
推荐资讯