如何让用户从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是this answer

的略微修改版本