js中如何点击一个按钮弹出一个file文件框

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js中如何点击一个按钮弹出一个file文件框相关的知识,希望对你有一定的参考价值。

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文件框的问题了。

参考技术A 啊 刚才看错题了 是点击一个按钮 然后激活 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>
不是的话追问一下 我在给你改追问

我已经找到了 还是要谢谢捏!

本回答被提问者采纳
参考技术B <input type="file" />

jsp中如何实现点击一个按钮后,按钮键变输入框?

参考技术A \\x0d\\x0a\\x0d\\x0a\\x0d\\x0a\\x0d\\x0a张三\\x0d\\x0a\\x0d\\x0a\\x0d\\x0a\\x0d\\x0a\\x0d\\x0a\\x0d\\x0a这个是我之前测试用的,点击按钮,将列变成文本框,修改变成保存。你照着改一下就可以了。\\x0d\\x0a你可以将这段代码复制到myEclipse中运行一下

以上是关于js中如何点击一个按钮弹出一个file文件框的主要内容,如果未能解决你的问题,请参考以下文章

JAVA GUI问题。如何触动按钮后弹出文件浏览器和文件名选择框,选择保存目录?

ASP.NET点击按钮,弹出一个提示框

jsp中如何实现点击一个按钮后,按钮键变输入框?

js代码 点击一次按钮就打印出一个文本框

安卓 如何在点击一个按钮弹出的对话框中加入NumberPicker 并且将它的值显示在屏幕上

点击按钮后,会弹出对话框,可以选择路径,显示文件及文件夹,双击文件夹,会显示其中文件。如何实现?