問題タブ [form-data]

ASP.net 4 Web サービス WebMethod への FormData の jQuery AJAX ポストの処理に問題があります。

FormData オブジェクト パラメーターを適切に処理してはなりません。ここでカスタム クラスをインスタンス化しましたが、サーバーから返されるのは 500 エラーだけです (汎用オブジェクト x も試しました)。また、いくつかの投稿で見たように、それを HttpRequest オブジェクトとして処理しようとしましたが、役に立ちませんでした。この場合、IE 9 との非互換性は気にしません。単一のファイルのアップロード、または少なくとも asmx WebMethod によって適切に受信されたキーと値のペアを持つ FormData オブジェクトを確認したいだけです。

Chrome 28 で動作しない拡張機能があります。拡張機能を使用して、あるコンテキストから別のコンテキストに BLOB を渡すことに関して、セキュリティ アップデートがあったと思います。これを確認し、その場合の回避策を見つけようとしています。どんな助けでも大歓迎です。

オブジェクトのタイプが Blob または File オブジェクトでない場合、文字列に変換されることを MDN で読みました....これが起こっていることだと思います。https://developer.mozilla.org/en-US/docs/Web/API/FormData

クロム 28

ファイルが正しく取得され、ファイル サイズが正しい。タイプ、コンソールログ、プロトタイプのチェックなどを確認すると、すべてが正しいように見えます。ブロブ サイズはファイル サイズと一致します。すべてが同じウィンドウで行われる場合、サーバーが受け取るのはファイル データです。拡張子を介した場合、サーバーはこの文字列「[object Blob]」を受け取り、要求の実際のサイズは、ファイル サイズではなく、文字列「[object Blob]」のバイト数になります。

クロム 23

ファイルが正しく取得され、ファイル サイズが正しい。タイプ、コンソールログ、プロトタイプのチェックなどを確認すると、すべてが正しいように見えます。すべてが同じウィンドウで行われる場合、サーバーが受け取るのはファイル データです。拡張子を介している場合は、すべて正常に動作し、ファイル データが受信されます。BLOB のサイズと実際のファイル サイズは、コンソールで調べたときと、サーバーに送信したときに一致します。

以下は不自然な例です。私が議論していることを再現するのに役立つことを願っています. そうでない場合は、私に知らせてください。テストできるように、私の個人用サーバーに作業コピーをアップロードします。

拡張タブ

メインタブ

バックエンド

ファイルを非同期にアップロードするために使用しているコードがいくつかあります-うまく機能します：

問題は、代替ドメイン (例: www.server2.com/upload.php) に投稿したい場合、機能しないことです。スクリプトが存在するのと同じドメインに投稿した場合にのみ機能します。

これは、Ajax ファイルのアップロード (画像) に関するちょっとした論点であることは承知しています。しかし、私は Ajax ファイル アップローダーを実装する必要がありますが、私の主な関心事はブラウザーの互換性です。コードは IE 7 + Firefox + Chrome + Safari + モバイル ブラウザーで動作する必要があります。主に問題が IE 7 にあることはわかっていますが、もう 1 つの懸念はモバイル ブラウザーに関するものです。

互換性がないため、これは Firefox、Chrome、および Safari でしか動作しないと信じているため、html5 には近づきません。

次の html コードが入力になります。

ご覧のとおり、これもフォームデータを使用しています。誰かがフォームのアップロード（iフレームなし）の正しい方向にプッシュしてくれますか、またはこれがIEを含むクロスプラットフォームで可能かどうか教えてください

Ajax を使用してファイルをアップロードする必要があります。

私の問題は、FormData を使用する必要があり、ブラウザーの互換性を確認する必要があることです。

これを確認する最良の方法は何ですか？

それは次のようにすることです：

または、より信頼性の高い確認方法がありますか？

CORS を使用して小さなファイルを REST API にアップロードする簡単で軽量な方法を探しています。次のプラグインを使用しています: angular-file-upload

問題は、formData オブジェクト (IE 8 や IE 9 など) をサポートしていない非推奨のブラウザーに swf フォールバックを使用することです。

この問題について github でイシューをオープンしましたが、今のところうまくいきません。

つまり、これらのブラウザーで CORS を使用してファイルをアップロードすることはできません。これは許可できません (多くのユーザーはまだ IE を使用しています)。

現在、9 以下をサポートするために FormData を置き換えるバックアップ jquery 関数を追加しています。しかし、私はこの投稿に出くわしました: jQuery iframe file upload

これは、必要なファイルをアップロードするためのものであることがわかりますが、フォームには非常に多くのフィールドがあります。formData を使用せずに、フォーム内のすべてのテキスト フィールドをプログラムで取得する方法はありますか。

これを使用して見ましたが、すべての入力フィールドを取得しますが、テキストエリアフィールドは取得せず、画像が含まれます。

または、これを行うより良い方法はありますか？これは他のすべてのブラウザーで正常に機能するため、formData には実際には触れたくありませんが、コードを含めました。

代わりに別の機能を検出して使用します。

編集：

次のことを試してみました：

しかし、それはiframeを更新しません

編集：

これは、フォームをアップロードするために使用している完全なコードです（うまくいけば）

編集：フォームを追加：

フォームの残りの大部分は、以前に選択したオプションに応じて生成されるため、そのコードを投稿するのは少し難しい