問題タブ [xmlhttprequest-level2]

このコードブロックの違いは何ですか:

この：

ブログやその他の SO 投稿で両方の実装を見てきましたが、一方を他方よりも優先して使用する理由を誰も説明していません。この時点で私が見つけた唯一の違いは、後者はデフォルトの Android ブラウザーでは機能しないのに対し、前者はほとんどすべてのブラウザーで機能するように見えることです。

アップロードの進行状況に応じて要素の背景色を変更しようとしています。私が抱えている問題は、forループが、起動する進行状況イベントリスナーと比較して遅くなる方法であるということです。これについて私にできることはありますか？

XMLHttpRequest 2 を使用して Transloadit (ファイル処理サービス) にファイルをアップロードする作業ファイル アップロード フォームがあります。デスクトップと Android の両方で、進行状況イベントが Firefox と Chrome で正しく発生します。しかし、Android (4.0) ストック ブラウザはこれらのイベントを発生させないため、私のサイトのユーザーに対して進行状況バーが機能しません。XHR2 と ProgressEvent は 3.0 以降の Android でサポートされていると思われるため、何が起こっているのかわかりません。

コードは次のとおりです。

XMLHttpRequestレベル2を使用してファイルをアップロードしたい。私はjQueryを使用しているので、jQueryを優先して使用したいと思います。

だから私は次のコードを書きました（coffescriptですが、javascriptに精通している人なら誰でも簡単に読めるはずです）

そのコードを使用して、PHPのサーバー側で`を実行します

Firefox 17.0.1では、何も得られません。$ _FILESはnullです。Chromium22.0では、アップロードされたファイルを取得します（奇妙な形式ですが、少なくとも何か）

Firefoxのバグかどうか誰か知っていますか？回避策はありますか？私は何か間違ったことをしていますか？私は同様の問題を検索しましたが、私が見つけたすべての提案された回答は私にはうまくいきませんでした（Firefox用ではなかった、xhrレベル2を使用していなかったなど）

前もって感謝します。

お願い： IE以前のバージョンは気にしません。iframeソリューションもプラグインもありません。XmlHttpRequestレベル2だけです。聞いたことがない人は、 https ：//developer.mozilla.org/en-US/docs/DOM/XMLHttpRequest/FormData/Using_FormData_Objectsをご覧ください。

xhr.upload.onprogressイベントが発生しないことを除いて、次のコードのすべてが機能します。

私の顧客は、ユーザーが YouTube にビデオをアップロードしているときに進行状況ダイアログを表示したいと考えています。

私は次のようなものを書きます：

このコードは完全に開始しますが、YouTube がコールバック URL にリダイレクトすると失敗します。

ここでリクエストが中断され、エラー コールバックが呼び出されます。

ドラッグ アンド ドロップをサポートするファイルのアップロードに XMLHttpRequest を使用するアプリケーションを開発しています。そのために jQuery プラグインを使用していますが、ここでは問題ではありません。

私たちのテスターは、基本的にブラウザーを介して自分のマシンにファイルを送信していることを考えると、ローカルホストにファイルをアップロードするにはかなりの時間がかかると報告しています。20 MB のファイルが約 30 秒 (!) アップロードされていました。

問題の調査を担当したところ、問題の原因は XMLHttpRequest であることがわかりました。フォールバック メカニズム (iframe、動作しますが、進行状況バーのサポートはありません) を強制すると、テスターがアップロードしていた同じファイルに 1 秒もかかりませんでした。

私は簡単なテスト スクリプトを作成して、取引内容を確認しました (非常に迅速で汚いので、判断しないでください)。

• 同じサーバーにファイルをアップロードする平均速度: 488.3 KB/秒
• ファイルをリモート サーバーにアップロードする平均速度: 801.7 KB/秒(オフィスのインターネット接続を考慮すると、これは適切に聞こえます)

ここで私の質問は、バイナリ ファイルを含む XMLHttpRequest が非常に遅いのはなぜですか? ファイルがすべてのネットワークを介して送信されるため、ルーターを再度通過するように見えますが、タスクマネージャーのネットワークセクションはネットワークアクティビティのスパイクを記録しませんでした（ただし、リモートサーバーへのアップロード時に記録されました）または私はやっています何か問題でも。

編集:私が見るように、「jQueryプラグイン」というキーワードについて言及すると、人々は間違った言葉で考えてしまいます。

これは、問題を引き起こすのに十分です (遅いアップロード)。jQuery も、派手なコールバックやプログレス バーも、チャンクもありません - 3 行のコードです。

アップロード進行状況バーが正常に機能しないという問題が発生しています。

XMLHttpRequest レベル 2 仕様に従って、次のように loadstart と progress のイベント リスナーをアタッチしました。

ファイルは正しくアップロードされますが、進行状況リスナーは、リクエストが 100% (e.total == e.loaded) で終了した場合にのみ呼び出されます。

上記のコードに何か問題がありますか、それとも特別な方法でサーバーを構成する必要がありますか?

注: 2 つの異なる URL 文字列と 2 つの onreadystatechange 関数が定義された 2 つの xmlHttp.open 要求があります。4 つのテキスト ボックスと送信ボタンがある html フォームがあります。ユーザーがテキスト ボックス 1(id​​) と 2(type) にデータを入力すると、これらのボックスの onchange 関数が xmlHttp.open("GET", url, true); を発行します。「getQuestion.php?id=12345&type=ABC」のような URL を使用します。次に、statechange 関数は、返された xml 応答を受け取り、その応答を 3 番目のテキスト ボックスに入れます。これはすべてうまくいきます！テキストを入力すると、ボックスにテキストがポップアップ表示され、質問が表示されます。

ここで私がやろうとしたのは、4 番目のテキスト ボックスが入力され、送信ボタンがクリックされたら、送信機能で xmlHttp.open を再度使用することでした。今回は、新しい URL があり、&answer="XXXX" の URL 行にもう 1 つのパラメータがあります。XXXX は 4 番目のボックスに入力されたものです。この 2 番目の URL 呼び出しは、新しい statechange 関数が呼び出されるために行われます。しかし、応答は常に null で、"answer was ." と表示されます。これは、適切に設定していない複数の URL を持つことと関係があるに違いないと考えていますが、「複数の xmlHttpRequest」での Web 検索からは何も見つかりません。HTML と、失敗したサーバー要求を開始する Javacode ブロックを添付しました。これは statechange 関数です。私は何を間違っていますか？もう一つ、