クロスブラウザの問題。アドバイスが必要

Question

私はどこかでグーグルのjqueryを使って入力アップロードボックスを設計しましたが、問題は "ブラウズ"ボタンがIE上で動作しない（クリックできない）ことです。誰もがコードを覗いて、私が何をすべきか、これをIE上で動作させるために調整する必要がありますか？どうもありがとう。私はhtml/css/jsファイルをjsfiddleのベローに含めました。

jSFiddle

Answer 1

追加した "ブラウズ" ボタンはIE 7/8/9、クロム、またはFirefoxで動作しません。別の経験があるかもしれませんが、私がしようとしていることを強調しています。

デフォルトのUIを完全に置き換えるには、Flashベースのファイルアップロードを使用するか、デフォルトの入力だけを残しておきます（醜い/矛盾したままにする）。ファイルのアップロードをスタイルするには多くのハックがありますが、実際の解決策はありません（少なくとも私が出会ったもの）。

私が純粋なHTML/CSSソリューションで見つけた最も近いことは、ファイル入力の「参照」ボタンの上にスタイル付きのボタンを重ねて残りの部分を隠すことでした。私はIFRAMEの中に全体を置くことによって非同期機能を模倣しました。このソリューションはまだ動作していますが、視覚的に数時間の調整を無駄にし、IFRAMEを含むページにフックを追加し、ソリューション全体の複雑さを増やしました。そして、次のブラウザへのアップデートはそれを壊すかもしれません。

HTML5は、ファイルアップロードプロセス（see here）の周りではるかに柔軟性を提供しますが、そのようなソリューションはまだ普遍的にサポートされていませんし、必ずしも審美的懸案事項に対応していません。

Drag and drop capabilitiesは、ファイル入力を完全に非表示にすることができるので便利です。新しいブラウザでは、このようなソリューションを使用することができ、サポートしていない古いブラウザの標準ファイル入力に劣化する可能性があります。プログレッシブエンハンスメント付きの

​​です。