code up

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

jQuery File Upload Plugin

たいしたレビューではないのですが、結局使うの諦めました、という話。

jQuery File UploadというjQueryプラグインを試用したのだが、次の理由により現時点では使わないこととした。

試したバージョンはjQuery UIブランチにあるc40eb03というバージョン。バージョン番号がついたダウンロードがないので、正式リリースはまだされてないプラグインかもしれないです。

Basic Plugin、つまり基本的な機能、例えばHTML4のファイルアップロードとHTML5の判定、Ajaxアップロード、各種イベントハンドラの機能をjQuery UIのテーマと組み合わせて利用したかったのだが、このプラグインがサポートするjQuery UIのスクリプト(jquery.fileupload-jui.js)をインポートするためには、関係のないイメージ操作系のJavaScript(canvas-to-blob.min.js, jquery.fileupload-ip.js)も取り込んでおかないとエラーになる。という点からである。

JavaScript Templates engine v. 1.0.2+ (optional)とあるのでオプションのはずなのだが、jQuery UIのためには必要のようだ。

標準では、Bootstrap, from TwitterというjQuery UIやYUIのようなWebのコンポーネント集に最適化されている。Bootstrapは、それはそれでLESSをベースにしていたりするので、jQuery UI + Sassを標準としている今の環境には、微妙にベクトルがずれていてマッチしない。

<!-- The Templates plugin is included to render the upload/download listings -->
<script src="http://blueimp.github.com/JavaScript-Templates/tmpl.js"></script>
<!-- The Canvas to Blob plugin is included for image resizing functionality -->
<script src="http://blueimp.github.com/JavaScript-Canvas-to-Blob/canvas-to-blob.min.js"></script>
<script type="text/javascript" src="js/jquery.iframe-transport.js"></script>
<script type="text/javascript" src="js/jquery.fileupload.js"></script>
<script type="text/javascript" src="js/jquery.fileupload-ip.js"></script>
<script type="text/javascript" src="js/jquery.fileupload-ui.js"></script>
<script type="text/javascript" src="js/jquery.fileupload-jui.js"></script>

精力的に開発は続いているようなので、これからもたまに確認していこうと思う。

それまでは今まで通りPluploadを利用する。

と、このプラグイン、いつの間にかライセンスの種類が増えてる・・・!

Pluploadは開発も継続されており、設計思想も面白いのだが、(今ライブで使っているのは)1.2.3のバージョンの話なのでもう直っているかも知れないが、HTML4でうまく動作しない部分があった。例えば同じinputフィールドを使って繰り返しアップロードした場合やレスポンス応答がXMLだとうまく受け取れない問題がある。

またPlupload自体は、jQuery自体には依存しない作りとなっている。jQuery(および同UI)用のライブラリが提供されているが、いずれもキューを作るためのものとなっている。そのためボタンだけを用意したい場合など、ちょっとだけ書くコードの量が多くなるのが難点。

かつてはSWFUploadAjax upload, Uploadifyを使ったことがあるが、現時点では何れも開発が停止または停滞しており、コレだ、という会心のライブラリに出会えていない。

関連記事
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。