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

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

2007

11/20

ファイルをアップロードするとき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」サンプル