skuare.net

フォームで複数ファイルを送信するjavascript「Multiple file upload」

通信環境の発展で画像や動画をアップロードする機会が増えています。
Multiple file uploadはフォームから複数のファイルを送信することができるjavascriptを公開しています。

使用方法
Multiple file uploadからzipファイルを、mootoolsからmootools.jsをダウンロードします。
<link rel="stylesheet" href="http://yourdomain/Stickman.MultiUpload.css" type="text/css" media="screen">
<script src="http://yourdomain/mootools.js"></script>
<script src="http://yourdomain/Stickman.MultiUpload.js"></script>
<script type="text/javascript">
window.addEvent('domready', function(){
new MultiUpload( $( 'id名' ).upload );
});
</script>
上記のように書き込んだら、idを付与したformを作成してください。
<form id="id名" >
<input type="file" name="upload">
</form>
＊ファイル数を指定するには、下のようにしてください。
new MultiUpload( $( 'id名' ).upload, N , '[{id}]', true, true );
フォームで複数ファイルを送信するjavascript「Multiple file upload」サンプル

｜ ｜ ｜ ｜ ｜ ｜

前の記事：jQueryでLightBoxを実現するjavascript「jQuery lightBox plugin」
次の記事：お手軽水平アコーディオンjavascript「haccordion」

関連記事

• [mootools]WysEditor
• [mootools]TimeSpinner
• [mootools]Time Picker
• [mootools]FancyUpload
• 超クールなカレンダーjavascript「Calendar」