相关疑难解决方法(0)

可能重复:
Jquery触发器文件输入

我正在制作一个允许用户将图像上传到网站的表单.到目前为止,我已经在Chrome和Safari中使用了拖放解决方案.但是,我还需要支持用户单击按钮并以传统方式浏览文件的操作.

与此相似:

<input type="file" name="my_file">

然而,我宁愿使用这样的东西,而不是使用笨重的文件描述区域和不可编辑的浏览按钮:

<input type="button" id="get_file">

因此,我的问题是如何让这个按钮打开一个文件选择窗口并按照相同的方式处理选择type="file"？

干杯.

我的解决方案

HTML:

<input type="button" id="my-button" value="Select Files">
<input type="file" name="my_file" id="my-file">

CSS:

#my-file { visibility: hidden; }

jQuery的:

$('#my-button').click(function(){
    $('#my-file').click();
});

到目前为止在Chrome,Firefox和IE7 +中工作(尚未尝试过IE6).