Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 创建超链接文件输入控件_Jquery_Html - Fatal编程技术网

Jquery 创建超链接文件输入控件

Jquery 创建超链接文件输入控件,jquery,html,Jquery,Html,有没有一种方法可以创建一些html/jquery来显示超链接,然后单击它时,它的行为类似于文件输入控件 我想拥有这个html的功能,但是超链接的外观 <input id="fileToUpload" type="file" size="60" name="fileToUpload" class="input" value="myFile.xml"></div> 将输入的可见性设置为隐藏。单击链接时触发对输入的单击 $('#fileLink').click(functi

有没有一种方法可以创建一些html/jquery来显示超链接,然后单击它时,它的行为类似于文件输入控件

我想拥有这个html的功能,但是超链接的外观

 <input id="fileToUpload" type="file" size="60" name="fileToUpload" class="input" value="myFile.xml"></div>

将输入的可见性设置为隐藏。单击链接时触发对输入的单击

$('#fileLink').click(function(){
    $('#fileToUpload').click()
})
演示:


未在所有浏览器中测试

将输入的可见性设置为隐藏。单击链接时触发对输入的单击

$('#fileLink').click(function(){
    $('#fileToUpload').click()
})
演示:


没有在所有浏览器中测试

如果我没记错的话,
的样式实际上依赖于操作系统。快速解决方法是将
单击事件从超链接代理到
文件类型的隐藏
。我不知道这是不是一个跨浏览器的选择,如果我没记错,
的风格实际上是依赖于操作系统的。快速解决方法是将
单击事件从超链接代理到
文件类型的隐藏
。我不知道这是否是一个跨浏览器的替代品