javascript - 单击文本链接时如何打开文件上传提示？

Question

这适用于 FF6 和 IE 7、8 和 9，但不适用于 Chrome/Safari 或 Opera:

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>

    <script type="text/javascript">
        $(function() {

            $('#uploadFile').click(function(e) {
                $('#fileUploadField').click();
                e.preventDefault();
            });

        });
    </script>

    <input type="file" name="something" style="display: none" id="fileUploadField" />
    <a href="" id="uploadFile">Upload File</a>

我猜这是由于浏览器安全限制造成的。有谁知道实现此目的的任何跨浏览器解决方案？

Answer 1

您不能调用隐藏元素上的点击，这是一个安全限制。而不是 display: none，而是使用 opacity: 0。这似乎有效。

这是一个 fiddle .我在 Win 7 上看到带有 FF6 的文件选择对话框，在 Win 7/Mac OS X 10.6.8 上看到 Chrome 13，在 Mac OS X 10.6.8 上看到 Safari 5