2014年4月30日水曜日

jqueryを使って、ファイル選択ダイアログにて選択されたファイルのファイル名を取得してみます。
アップロードするファイル名が決まっていたり、サイズに制限があったりする場合、
クライアント側でチェック出来れば便利かなと思い調べてみました。

ちなみにこの方法はHTML5のFileAPIを使った方法です。

HTMLサンプル


「input type="file"」とチェック用のボタンを配置しています。

jqueryサンプル
$(document).on("click", "[id^='btn1']", function() {

 var file = $("#file1")[0].files[0];
 var fileName = file.name;
 var fileSize = file.size;
 var fileType = file.type;
 alert('ファイル名 : ' + fileName + '\nファイルサイズ : ' + fileSize + ' bytes\nファイルタイプ : ' + fileType);

});


ファイルチェックボタンが押された際、
ファイルオブジェクトを取得して、ファイル名・ファイルサイズ・ファイルタイプをアラートで表示しています。


0 コメント:

コメントを投稿

要望&問い合わせ

名前

メール *

メッセージ *