javascript - ファイルコントロールを非表示にしたファイルのアップロード

Question

ファイル入力が非表示になっているフォームがあります。クリックするとボタンが表示され、ファイルを開くダイアログがポップアップ表示され、ファイルを選択すると、ファイルがサーバーにアップロードされます。これは可能ですか？

Answer 1

表示を none に設定すると、Webkit ブラウザーでは機能しません。ただし、不透明度、幅、高さをゼロに設定し、他のボタンがクリックされたときにクリック イベントを呼び出すことができます。

これが実際の例ですhttp://jsfiddle.net/jcVL5/

***編集: 「ファイルをサーバーにアップロードする必要があります」と表示されました。使用しているサーバー側の言語を説明する必要があります。

<input type="file" id="fileUpload" style="opacity:0; height:0px;width:0px;" />
<input type="button" id="btnUpload" value="test Button" />​

<script>
document.getElementById('btnUpload').onclick = function(){
    document.getElementById('fileUpload').click();
};​
</script>

Answer 2

Fine Uploaderを使用してみましたか？これが必要な場合は、ここhttp://fineuploader.comでデモサイトを見ることができます。