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

JavaScript014

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

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

不可以,必须用文件对话框选择。处于安全的考虑,不能直接对input type=file赋值,试想一下:如果某个网站在网页中嵌入了一个隐藏的input type=file,他可以直接用JS将你硬盘中的某个文件通过该控件直接取到指定地点,那还有什么安全可言?input type=file设置一个按钮来打开文件选择框的目的就是选择文件必须让用户知道并且决定是否要选择一个文件,所以赋值是没有作用的,你要赋值可以写 inputID.value = "xxxx.xxx ",当然,这是没有作用的。

这个简单代码:

var read = new FileReader()

read.readAsDataURL(files)

read.onload = function (e) {

var src = e.target.result

$("#img")..attr("src", src)

}