skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです

アップロードファイル複数指定できるjavascript「Multiple File Upload plugin for jQuery」

｜ ｜ ｜ ｜ ｜ ｜ ｜

ファイルをアップロードするとき1つずつでは手間がかかります。
また、アップロードしてもらう時には、指定のファイル拡張子以外送ってもらいたくありません。
Multiple File Upload plugin for jQueryは複数かつ拡張子を指定してアップロードさせるjavascriptです。

使用方法
Multiple File Upload plugin for jQueryからjquery.MultiFile.jsをjQueryからjquery.jsをダウンロードします。
<script src="http://yourdomian/jquery.js" type="text/javascript"></script>
<script src="http://yourdomian/jquery.MultiFile.js" type="text/javascript"></script>
上記のように記述したら、formタグ内のinputにclass="multi"などを付与すれば完成です。
<form action="">
<input type="file" class="multi" accept="gif|jpg" maxlength="3">
<input value="send" type="submit">
</form>
acceptでアップロードファイルを限定し、maxlengthでファイル数の上限を指定しています。
アップロードファイル複数指定できるjavascript「Multiple File Upload plugin for jQuery」サンプル

記事作成：2007年11月20日

前の記事：jQueryベースのカレンダー作成javascript「jCalendar」
次の記事：3Dでぐるぐる回るjavascript「jquery 3d rotator」