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

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

使用方法
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」サンプル

sponsors

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

記事作成:
記事URL:

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