输入类型按钮时打开文件对话框

输入类型按钮时打开文件对话框

本文介绍了输入类型按钮时打开文件对话框的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

在html中我们知道使用输入类型文件我们得到文件对话框来选择文件。有没有办法使用输入类型按钮打开文件对话框?
我们使用了

 < input type =fileclass =filename =attachement/> ; 

但我想用

 < input type =buttonclass =filename =attachement/> 


解决方案

是 - 您可以隐藏 input type =file但仍然在你的标记中。然后,您会在页面上显示常规按钮并点击该按钮,以编程方式触发实际文件输入的点击事件:

 < input id =fileInputtype =filestyle =display:none; /> 
< input type =buttonvalue =选择文件!的onclick =的document.getElementById(的FileInput)点击();。 />

小提琴:


In html we know using input type file we get file dialog to select file. Is there any way to open file dialog using input type button?We used

<input type="file" class="file" name="attachement" />

But I want to use

<input type="button" class="file" name="attachement" />
解决方案

Yes - you can hide the input type="file" but still have it in your markup. You then show a regular button on your page and onclick of that button, you programmatically trigger the click event of your actual file input:

<input id="fileInput" type="file" style="display:none;" />
<input type="button" value="Choose Files!" onclick="document.getElementById('fileInput').click();" />

Fiddle: http://jsfiddle.net/cnjf50vd/

这篇关于输入类型按钮时打开文件对话框的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-22 20:45