複数のファイルをアップロードできる「jQuery Multiple File Upload Plugin」

Check このエントリーをはてなブックマークに追加

配布元:jQuery Multiple File Upload Plugin
ライセンス:MIT License and the GPL License.

「jQuery Multiple File Upload Plugin」は一つのinput要素(file)で複数の画像アップロードを可能にするJavaScriptライブラリです。

jQuery Multiple File Upload Pluginの使い方

jQueryのファイルと、配布サイトよりダウンロードしてきたjquery.MultiFile.jsをhead要素などで読み込みます。

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.MultiFile.js"></script>

input要素(file)のclass名に「multi」と設定します。

<input type="file" class="multi"/>

これでこのinput要素(file)で複数のファイルをアップすることが可能になります。

アップロードする数を制限したい場合はmaxlength属性を設定します。

<input type="file" class="multi" maxlength="2"/>

アップするファイルの拡張子を制限したい場合はaccept属性にgif|jpgなどの形で許可する拡張子を設定します。

<input type="file" class="multi" accept="gif|jpg"/>

サンプル

name属性には上から順にfile1[]、file2[]といった具合に入りますので、次のページで配列から値を取得することができます。

スポンサードリンク

コメント

カテゴリー:jQuery アップローダー ライブラリ 開発支援