Question

有没有人知道Google如何触发按钮然后打开文件输入字段？

他们可以在遗留浏览器中使用iframe，还是HTML 5的东西？

任何帮助都将非常感激，因为我需要使firefox 3.6通过按钮触发输入文件。我已经阅读过不可能，但有些google plus可以做到这一点。

Answer 1

我只能使用当前的firefox和chrom版本进行测试。如果它在IE中工作，你至少需要IE 9（我无法在IE9中测试）。

HTML：

<div class="button_wrapper">
    <div class="button_visible" role="button">button description</div>
    <div class="button_invisible">
        <input type="file" class="button_input" tabindex="-1" multiple="" />
    </div>
</div>

CSS：

.button_wrapper {
    display: inline-block;
    position: relative;
}
.button_visible {
    display: inline-block;
    position: relative;
    padding: 6px 6px;
    background-color: #EEE;
    border: 1px solid #CCC;
    color: #666;
    font-size: 12px;
    font-weight: bold;
}
.button_invisible {
    position: absolute; 
    top: 0px;
    left: 0px;
    overflow: hidden; 
}
.button_input {
    position: absolute; 
    top: -10px;
    left: -445px; 
    opacity: 0; 
    font: 40px arial,sans-serif;
    cursor: pointer;
}

因为我不想在所有css类中设置宽度和高度，所以我添加了这个JS：

$('.button_invisible').each(function() {
    $(this).width($(this).parent().width());
    $(this).height($(this).parent().height());
});

另见jsfiddle。

Google plus触发按钮文件输入

1 个答案: