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 是此答案的略微修改版本