ファイルのファイル入力コントロールが iOS 6 の iPhone にようやく到着したことを嬉しく思います。
ただし、表示がおかしい気がします。コントロールのスタイルを設定する方法を知っている人はいますか?
シンプルで、要素を非表示にしてクリックイベントを発生させることができます。
HTML:
<input type="file" class="uploader" />
<u>Choose file</u>
CSS:
input.uploader {
visibility:hidden;
height: 0;
}
u {
display: block;
margin: 5px;
padding: 15px;
text-align: center;
background: #ddd;
border-radius: 6px;
}
JS (JQuery を使用):
$('u').click(function(){
$('input[name=photo]').trigger('click');
});