Googleプラストリガーボタンファイルの入力

Question

Googleはどのようにしてボタンをトリガーしてファイル入力フィールドを開くのか知っていますか？

これまでのブラウザではiframeを使用していましたか、それともHTML 5のものですか？

私はfirefox 3.6にボタンを使用して入力ファイルをトリガーさせる必要があるので、助けていただければ幸いです。私は可能ではありませんが、いくつかのGoogleプラスはそれを行うことができますの周りを読んだことがあります。

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_invisible').each(function() { 
    $(this).width($(this).parent().width()); 
    $(this).height($(this).parent().height()); 
}); 

：私はすべてのCSSクラスで幅と高さを設定したくなかったので、私はこれはJS追加

.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; 
} 

私のjsfiddleも見てください。