ファイル選択ダイアログを表示する(複数選択)

説明

複数のファイルを選択できるダイアログを表示するにはbrowseForOpenMultiple()を使います。パラメータにはダイアログに表示するメッセージを指定します。表示されたダイアログで1つまたは複数のファイルが選択された場合、air.FileListEvent.SELECT_MULTIPLEイベントが発生します。addEventListener()を使ってイベントが発生した時のイベントハンドラを指定します。イベントハンドラにはパラメータとしてイベントオブジェクトが渡されます。このイベントオブジェクトのfiles配列に選択されたファイルの情報(オブジェクト)が入っています。サンプルでは、このオブジェクトのnativePathプロパティを参照することで、選択された複数のファイルのパスを表示しています。

サンプルプログラム

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Adobe AIR Sample</title>
<link rel="stylesheet" href="css/main.css" type="text/css" media="all">
<script type="text/javascript" src="js/AIRAliases.js"></script>
<script type="text/javascript"><!--
function displayDlg(){
var fileObj = new air.File();
fileObj.browseForOpenMultiple("開くファイルを複数選択してください");
fileObj.addEventListener(air.FileListEvent.SELECT_MULTIPLE, selFile);
}
function selFile(event){
var txt = "";
for (i=0; i<event.files.length; i++){
txt = txt + event.files[i].nativePath + "<br>";
}
document.getElementById("result").innerHTML = txt;
}
// --></script>
</head>
<body>
<h1>ファイル選択ダイアログを表示</h1>
<form>
<input type="button" value="ダイアログを表示" onClick="displayDlg()">
</form>
<div id="result"></div>
</body>
</html>
サンプルをダウンロード
[戻る]