wakanda - ユーザーが Wakanda アプリからファイルの場所を指定できるようにする方法

Question

ユーザーが Wakanda Web アプリで (標準のファイル ダイアログを介して) テキスト ファイルを選択し、それを変数に読み取れるようにしようとしています。これを行うための組み込みの Wakanda クライアント側呼び出しまたは jquery の方法はありますか?

Answer 1

純粋な HTML でそれを行うことができます。

例 1

シンプルなファイル セレクターは次のようになります。

<input type=file name=varname>

例 2

実際にクライアント側のファイルを変数に読み込みたい場合は、HTML5 FileReaderが役立ちます。

document.getElementById('file').addEventListener('change', readFile, false);

function readFile (evt) {
  var files = evt.target.files;
  var file = files[0];           
  var reader = new FileReader();
  reader.onload = function() {
    var output = this.result;
    document.getElementById('test').innerHTML = output;
  }
  reader.readAsText(file)
}

<input type="file" id="file" name="file" enctype="multipart/form-data" />
<br />
<br />output:<br />
<span id=test></span>

例 2 は、この回答を少し変更したバージョンです