ホームページ  >  記事  >  ウェブフロントエンド  >  webuoploader の使用時にいくつかの問題が発生しました

webuoploader の使用時にいくつかの問題が発生しました

零下一度
零下一度オリジナル
2017-06-27 14:42:151315ブラウズ

最近、会社の公式ウェブサイトのプロジェクトに取り組んでいるのですが、証明写真をアップロードする機能があります。これは、実際には、Baidu のプラグインである WebUploader を使用してこのプラグインを実行したのです。その理由は次のとおりです。WebUploader は、HTML5 をベースにし、FLASH によって補完された、シンプルでモダンなファイル アップロード コンポーネントです。主流の IE ブラウザを放棄することなく、最新のブラウザで HTML5 の利点を最大限に活用でき、オリジナルの FLASH ランタイムを使用し、IE6 以降、iOS 6 以降、Android 4 以降と互換性があります。 2 つのランタイム セットの呼び出し方法は同じであり、ユーザーが選択できます。もう 1 つのポイントは、大きなファイルを断片的に同時アップロードすることで、ファイルのアップロードの効率が大幅に向上することです。これらの利点に基づいて、Xiaomeng はこのプラグインを選択しました。

webuploader の使用方法に関して、今日は Xiaomeng が公式 Web サイトのプロジェクトに取り組んでいるときに webuploader を使用するときに遭遇したいくつかの問題を紹介します。

問題 1: WebUploader Chrome などの一部のブラウザでは、クリックしてファイルをアップロードすると、選択ボックスが表示されるまでに数秒遅れ、応答が非常に遅くなります

私が最初にこの問題に遭遇したとき、Xiaomengネットワーク速度が遅いためだと思っていましたが、これについては特に問題はありませんでしたが、後でそうではないことがわかり、Xiaodai にテスト アドレスを投げて、遅いかどうかを尋ねました。実際にはネットワークの問題ではないことが判明しました。検索した結果、何も見つかりませんでした。その後、Xiaodai は、Webuploader の初期化時にパラメーターの 1 つを変更するという解決策を見つけました。

このメソッドは少し単純で粗雑ですが、読んだ後、webuploader が * を定義している場合、このパラメータを変更する理由は、ファイル タイプを選択的にスキャンし、設定したタイプのみをスキャンするためであることがわかりました。 。 Xiaomeng が試してみたところ、修正後は確かに遅延はありませんでしたが、Xiaomeng が最初に webuploader を使用したときはこのようなことは起こらず、webuploader の公式 Web サイトのデモでも遅延は発生しなかったのは Google のせいだと説明する人もいました。ブラウザの更新、Chrome 52.0.2743.80 以降では遅延が発生しますが、Xiaomeng 氏は、公式 Web サイトの DEMO で遅延がない理由がわかりません。しかし、この問題にこだわるのはあまり意味がありません。私たちはそれを解決することを目指しています。次に、この問題は次のように変更できます。

問題 2: WebUploader Firefox ブラウザーをクリックしてファイルをアップロードしても応答しません

この問題は、実際には問題 1 よりも深刻です。応答が遅いことは忘れて、待つことはできますが、次の時点で応答がない場合はとてもイライラします。どうすればいいですか? ...ああ、どうすればいいですか? どうして Firefox を使えないのですか? あなたの前では息苦しくなります。アンインストールしたいのです。 ... Baidu でいろいろ検索してもダメだったので、Xiaodai に github で解決策を教えてもらいましたが、後でアップロードボタンがボタンを使用しているからかもしれないと言っているのを見て、変更することを勧められました。それをdivにします。いくつか修正を加えたところ、確かに問題は解決しました。Firefox のボタンのサポートの問題だったので、なぜこのようなことが起こったのかはわかりませんが、問題は解決しました。

問題 3: WebUploader の一部の低バージョン IE ブラウザでは、ファイルをアップロードするためにクリックしても応答がありません

IE の問題に関しては、実際には、一部の企業は意図的に IE の互換性を考慮していないため、これは無視できます。 IE は HTML5 アップロードをサポートしていないため、webuploader には「デフォルトでは、まず HTML5 がサポートされているかどうかを確認し、サポートされている場合は HTML5 を使用し、サポートされていない場合は Flash を使用する」という機能がありますが、IE のようなブラウザでは、いくつかの問題の理由は実際にはわかりません。そのため、この問題が発生した場合は、runtimeOrder 値を flash に設定して強制的にフラッシュで実行することができます。ただし、アップロードを実行するためにデフォルト設定をフラッシュに設定することを心配する必要はありません。Webuploader はこれを適切に処理します。

この記事はここで終わります。Xiaomeng さんがこれを記録したのは、自分自身に思い出させるためであり、もう 1 つは、これらの問題を解決する必要がある人たちを助けるためです。気に入っていただけましたら、Xiaomengに「いいね!」をお願いしますO(∩_∩)Oありがとうございます


以上がwebuoploader の使用時にいくつかの問題が発生しましたの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。