file-upload - 文件输入和Dart

Question

我正在尝试Dart，但无法弄清楚如何将图像从用户发送到服务器。我有我的输入标签，可以在DART代码中找到它，但似乎无法读取。我正在尝试类似的东西:

InputElement ie = document.query('#myinputelement');

ie.on.change.add((event){<br/>
    InputElement iee = document.query('#myinputelement');<br/>
    FileList mfl =  iee.files;<br/>
    File myFile = mlf.item(0);<br/>

    FileReader fr = new FileReader();
    fr.readAsBinaryString(myFile);

    String result = fr.result; //this is always empty
});

随着html包含:

<input type="file" id="myinputelement">

我真的希望你能帮我，我有点卡住了。我可能只是想念如何为FileReader做onload，或者我做错了。

Answer 1

FileReader API是异步的，因此您需要使用事件处理程序。

var input = window.document.querySelector('#upload');
Element log = query("#log");

input.addEventListener("change", (e) {
  FileList files = input.files;
  Expect.isTrue(files.length > 0);
  File file = files.item(0);

  FileReader reader = new FileReader();
  reader.onLoad = (fileEvent) {
    print("file read");
    log.innerHTML = "file content is ${reader.result}";
  };
  reader.onerror = (evt) => print("error ${reader.error.code}");
  reader.readAsText(file);
});

您还需要允许文件从浏览器上载，这可以通过在Chrome中以标志 --allow-file-access-from-files 开头来完成