我有以下代码:
<p onclick="jQuery('#file').click()">Select a file</p>
<input type="file" id="file" name="file" />
当用户单击“选择文件”时,它也应该打开文件浏览器,就像您按下由生成的“浏览”按钮一样<input type="file" />
,用户可以在其中选择一个文件。
它在 Chrome 和 IE7 中运行良好。我如何让它在 Firefox 中工作?
相信我,我已经为此遇到了麻烦。它不适用于 Firefox,而且我没有找到如何使其工作的答案。
我怀疑您正在尝试自定义输入文件的外观。我建议,你使用不透明度。将输入文件的不透明度设置为零,使其不可见。然后在它上面放两个span元素。然后您可以根据需要设计跨度。当您单击任何一个跨度时,也会触发对输入文件的单击。
简单演示 http://jsfiddle.net/SxUxG/
添加了注释:
With that you have the power to change the look of input file. The problem is, opacity won't work on IE6. ;)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)