html5选择文件对话框，html5文件操作

在html页面中点击一个按钮,弹出选择文件对话框。

1、首先，打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。在index.html中的body标签中，输入js代码：function fun() { alert(click success！)；} 浏览器运行index.html页面，此时点击按钮弹出了提示框。

2、可以利用隐藏层，点击你说的按钮后，打开隐藏层。在隐藏层中设置一个表单就可以了。就像百度知道的登陆框一样。

3、然后添加两个input，一个是button，一个是file把id设置为“open”style类型设置为“display：none”不显示。打开后发现只显示这一个“打开文件”按钮。现在给button添加onclick事件，调用openfile触发id为“open”的file。现在在浏览器中点击“打开文件”文件按钮就会弹出选择文件路径对话框。

相关问答

Q1: 用js如何实现点击按钮弹出一个选择路径的对话框

1、先新建一ASP页（不知道你用什么来做的，就以asp为例吧），该页的作用是读取服务器上某个目录下的所有文件，并显示文件列表，做出类似选择文件对话框的样子。具体代码网上有很多，你以“asp 遍历文件夹”作为关键字在baidu或google中搜一下。

2、第一步，打开html编辑器，创建一个新的html文件，例如：index.html，然后输入代码，见下图。第二步，完成上述步骤后，在index.html的标记中，输入js代码，见下图。第三步，完成上述步骤后，浏览器运行index.html页面。 这时，单击按钮将弹出一个提示框，见下图。这样，以上的问题就解决了。

3、方法一：浏览器读取页面时，弹出一个弹窗；复制代码如下：复制代码如下：value=page.htmlpagehtml，为了避免两个弹出窗口重叠，请使用top和left来控制弹出窗口的位置，使它们不会相互重叠。最后用上面说的四种方法调用。

4、然后添加两个输入，一个是按钮，另一个是文件。ID设置为“打开”，样式类型为“显示：无”，并且不显示。打开后，只会显示这个“打开文件”按钮。现在将onclick事件添加到按钮中，并调用openfile来触发ID为“open”的文件。现在在浏览器中点击“打开文件”，会弹出选择文件路径的对话框。

5、在body里面布局，把对话框的大致结构写出来。写css样式，让对话框在网页上体现出来。得到如下图样式，结构完成。最后就是写js样式，让我们的对话框达到一定的效果。点击超链接弹出对话框。

Q2: 后缀为HTM的文件打不开,跳出选择打开程序对话框,选用IE打开时提示出错...

1、【1】对电脑没有影响或【偶尔】出现，不用管它，【重启电脑】后可能会自动消失。【2】盗版系统或Ghost版本系统，系统文件错误或丢失，也会出现该问题，及时安装官方发行的补丁，{检查电脑年、月、日是否正确}。建议：安装【正版】系统。【3】检查驱动是否出现问题，重新安装驱动或及时更新驱动。

2、为什么我的电脑打开文件时总是提示应用程序错误 应用程序错误的原因 病毒木马造成的，在当今互联网时代，病毒坐着为了获得更多的牟利，常用病毒绑架应用程序和系统文件，然后某些安全杀毒软件把被病毒木马感染的应用程序和系统文件当病毒杀了导致出现应用程序错误。

3、那是系统或程序出了问题，需要使用一些工具来修复。答案已发到窗口右上方“我的消息”里，请使用。挺管用的！完后，效果不好的话，也可考虑系统还原一下（选好还原点）。---有人盗用答案 ，无奈只好用这种方式，请理解。

4、在“效果”对话框里面，清除“为菜单和工具提示使用过渡效果”前面的复选框接着点击两次“确定”按钮。方法二：在使用鼠标右键点击文件或目录的时候先使用鼠标左键选择你的目标文件或目录。然后再使用鼠标右键弹出快捷菜单。

5、打开电脑管家→点击【软件管理】，在搜索框中输入谷歌浏览器→找到软件后点击安装 打开电脑管家→点击【工具箱】，点击【默认程序设置】→在上网浏览器列表中选择【谷歌浏览器】：注：腾讯电脑管家为IE浏览器出错崩溃问题定制部分修复步骤，因为操作过于繁杂，故未全部列出。

6、无从判断，修改注册表应该不是原因，除非你改错了注册表。你点击打开htm文件后，在IE里看看源文件，看是否真的被打开。

关于html5选择文件对话框和html5文件操作的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。