複数のファイルをアップロードできる「jQuery Multiple File Upload Plugin」
配布元: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 アップローダー ライブラリ 開発支援