javascript - 在 input[type=file] 上使用 click() 时出现问题

Question

click() 函数有问题。它在 Opera 中不起作用。

我正在尝试使 input type=file clicked on 另一个元素的 onclick 事件。我需要设置我的输入 type=file 元素的样式，因此我将其设置为不可见，并将其替换为简单样式的按钮。现在我希望在单击按钮时单击文件元素。

我不能使用 jQuery，因为我在我的页面中使用 MooTools 库作为日历，当我尝试使用 jQuery 时它会产生冲突。我也尝试使用 jQuery.noConflict(); 来避免冲突，但我做不到，因为我是 jQuery 的新手。这是我的 html 代码:

<input name="myfile" id="uploadme" type="file" style="visibility:hidden; width:1px;" onchange="this.form.submit()"/>
<input type="button" id="clickme" onclick="show_upload()"/>

这是我的 JavaScript 代码:

function show_upload()
{
    document.getElementById('uploadme').click();
}

我也试过这段 jQuery 代码，但我无法在不与 MooTools 库发生冲突的情况下使它工作:

jQuery.noConflict();
(function($){
    $('#clickme').click(function($){
        $('#uploadme').click();
    })(jQuery);
});

Answer 1

input[type=file] 是一种非常特殊的输入类型，您不能用它做很多事情，主要是出于安全原因。

我猜是这样，但您是否想要自己的上传按钮样式？那样的话我一定要让你失望了，你不能用 HTML 来做。您必须使用 HTML5 或 Flash(例如 SWFUpload)