ブラウザのHTML5ファイルアップロード機能の検出

Question

HTML5機能を使用してファイルをアップロードしようとしています。調査の結果、ファイルをアップロードする方法は3通りあります。

1. ファイルをマルチパートとしてエンコードする：これはファイルリーダーのみがサポートされている場合に行われます。
2. XMLHTTP2（AJAX）specメソッドを使用してバイナリデータを送信します。新しいメソッドsend(Blob/File)は、バイナリデータをワイヤを介して送信できます。
3. FormDataオブジェクト：XMLHTTP(AJAX) send(FormData)メソッドを使用します。

今クロスブラウザの問題や機能の検出は、以下のようなスニペットのために簡単です、

if(typeof FileReader == "undefined") 

私は、現在のブラウザでAJAXの場合send（）メソッドを見つける方法がわからないのですがsend(FormData) or send(Blob/File)を支援していますメソッドの実装。それを見つける方法？ここにObject.propertyトリックがありますか？それとも別の何か？

おかげで、

Answer 1

あなたはWebSocketをを使用したいと思うでしょうバイナリデータを処理するために。これは新しいHTML5 specの一部です。しかし、問題があります。 2010年12月中旬時点で、キャッシュポイズニングの脆弱性のため、すべての主要ブラウザでWebSocketが無効になっていました。

最後に、これはまだsorted outであると聞きました。

ファイルをWebSocket経由で送信する前にアップロードするには、各ブラウザの最新バージョンでサポートされているFileReader APIを使用する必要があります。

確認するにはFileReaderのがサポートされている場合は以下のようにテストする必要があります。代替のため

if (window.URL){ 
    // 
} 

：

if (FileReader){ 
    // It's supported 
} 

またかどうかを確認することができます。