Baidu WebUploaderオープンソースのアップロード制御の二次カプセル化、フロントエンドコードの効率化(アップロードに必要な2文のコード)

クズども · 掲載地 2016/06/27 15:13:30

まず最初に、これはWebUploaderのオープンソースアップロードコントロールの二次的なカプセル化であり、基盤となるレイヤーはWebUploaderによって実装されていることをお伝えしたいです。より簡潔に使うためです。

WebUploaderを見てみましょう

紹介：

WebUploaderは、百度WebFE(FEX)チームによって開発された、HTML5ベースのシンプルな最新ファイルアップロードコンポーネントです。現代のブラウザでは、HTML5の利点を存分に活かしつつ、主流のIEブラウザを放棄せず、オリジナルのFLASHランタイムを使用し、IE6+、iOS 6+、Android 4+に対応しています。同じ呼び出しメソッドは、2つのランタイムセットが利用可能であればいつでもユーザーが使用できます。

大きなファイルシャードと同時アップロードの利用により、ファイルのアップロード効率が大幅に向上します。

公式ウェブサイトアドレス:http://fex.baidu.com/webuploader/

一人でプレイしたい方は、公式ウェブサイトに直接アクセスできます

本文から始めましょう。

上記から、BaiduのWebUploader機能は確かに非常に強力ですが、すべてのアップロードコントロールと同様に、以下の通り扱いが難しいことがわかります。

まずは関連するライブラリをたくさん参照する必要があります。

そしてHTMLをうまく書く

ログインが見えます。

全部はいらない!2文だけでいい、アップロードしてくれ。以下は以下の通りです。

ログインが見えます。

私はBootstrapスタイルのCSSが自動的に参照すると書きました。

複数のファイルアップロードをサポートし、

重複ファイルを自動で識別します。

オプションで自動アップロードと手動アップロードが可能です。

複数のアップロードコントロールを1ページにレンダリングしても競合しません

その後、WebUploaderに関連する設定パラメータを自分で設定できます。

私がパッケージしたJSウィジェットに直接行きましょう(少し雑なので、我慢しましょう):

ログインが見えます。

関連した重要なパラメータもメモ付きで書かれており、ご自身で参照できます。

じゃあ彼を使おう。

ログインが見えます。

私たちのJSとHTMLは以下の通りに書いてください:

ログインが見えます。

それは大丈夫です。覚えておく価値があります

powerWebUploadのパラメータについては、公式ウェブサイトのAPIをご参照ください

GetFilesAddress()メソッドはアップロード後にファイルパスの配列を返しますので、自分で取得できます。
最後に、私が書いた最後のデモは Asp.net MVCを使って実装されています。ご自身でダウンロードできます:

百度ネットディスク:

リンク:http://pan.baidu.com/s/1o8B0xOQ パスワード:9kws

オリジナル:http://www.cnblogs.com/GuZhenYin/p/5584272.html

小森888m · 掲載地 2020/05/04 21:03:04

悪くありません！！！！

[その他] Baidu WebUploaderオープンソースのアップロード制御の二次カプセル化、フロントエンドコードの効率化(アップロードに必要な2文のコード)

関連記事

閲覧したセクション