複数ファイルのuploadができる「Uploadify」を使ってみた

2013-08-27 00:00
jquery

複数ファイルのアップロードに特化した「Uploadify」

jQueryのプラグインで、複数のファイルを選択しアップロードできるuploadifyというのを使ってみました。

Www.uploadifyHTML5 File Upload Script, jQuery Multiple File Upload Plugin - Uploadify / UploadiFive - UploadifyWww.uploadify

デモはこちら

使い方

以下の記事が大変参考になりました。

Ajax風にファイルをアップロードするjQueryプラグイン「Uploadify」の使い方 | かたつむりくんのWWW13 121311

ファイルをまとめてアップロードする jQuery のプラグイン「Uploadify」の使い方。 | Wataame Frog3370

ファイル拡張子の限定

fileTypeExtsというオプションで選択できるファイルの拡張子を限定できます。

fileTypeExts - Uploadify Documentation

デモはこちら

指定外の拡張子が選ばれた場合の対応

ファイル選択のダイアログで「ファイルの種類」→「すべてのファイル」としてしまうと、他の拡張子も選択できてしまいます(キューには追加されない)。

選択後には、警告ダイアログが表示されます。

メッセージの内容は

Some files were not added to the queue:

f:id:bakunyo:20130827203147p:plain

英語…ちょっと不親切なので、日本語に変えたいですね。

このメッセージを変えるオプションがあっても良さそうなものですが、ありませんでした。

そこで、jquery.uploadify.jsを編集します。

282行目と572行目にメッセージがありました。

...
  uploadQueue        : [], // The files currently to be uploaded
  errorMsg           : 'Some files were not added to the queue:'
};
...
...
  // Reset some queue info
  this.queueData.errorMsg       = 'Some files were not added to the queue:';
  this.queueData.filesReplaced  = 0;
...

上記2つを変更したら、メッセージを変えることができました!


« Windowsでファイル名の一覧を取得す...クラスメソッドをundefする »