js实现点击按钮弹出上传文件的窗口
Posted Sharpest
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js实现点击按钮弹出上传文件的窗口相关的知识，希望对你有一定的参考价值。
转自:https://www.jb51.net/article/100916.htm
1.详细描述
在页面上设置一个“选择文件”按钮，点击该按钮，会弹出本地磁盘信息用于选择文件。
2.代码
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
<!DOCTYPE html><html><head><meta charset="utf-8"><title>Demo</title>function F_Open_dialog() { document.getElementById("btn_file").click(); }</script></head><body><div><input type="file" id="btn_file" style="display:none"><button type="button" onclick="F_Open_dialog()">选择文件</button></div></body></html> |
3.操作示例
将代码复制到W3CSchool的测试页面，提交运行之后如图：在查看结果页面会出现“选择文件”这个按钮
之后点击“选择文件”后如图：页面上会出现弹窗，显示本地磁盘信息，用于选择文件。
以上是关于js实现点击按钮弹出上传文件的窗口的主要内容，如果未能解决你的问题，请参考以下文章
asp网页中，如何实现点击按钮弹出对话框，然后点击“确定”关闭窗口，点击“取消”返回？尽快，非常感谢！
我用jQuery-File-Upload 做上传的时候，点击按钮的时候，就刷新一下页面，不弹出窗口，怎么做呀？
在JSP页面中 怎样实现点击按钮弹出选择框。能给出代码吗？？