在 GWT 中读取客户端文件

Question

我想读取文件的内容并将其存储在数组中。 我有一个使用 formPanel 和 formupload 浏览文件的代码。

如何读取文件并存储在数组中。

任何示例代码都会有很大的帮助。

Answer 1

您可以使用 HTML5 文件阅读器。像这样的事情：

@UiField FileUpload fileUploadWidget;

JavaScriptObject files = fileUploadWidget.getElement().getPropertyJSO("files");

readTextFile(files);

public static void fileLoaded(String fileContents) {
    GWT.log("File contents: " + fileContents);
}

public static native void readTextFile(JavaScriptObject files)
/*-{
    var reader = new FileReader();

    reader.onload = function(e) {
        @com.example.YourClass::fileLoaded(*)(reader.result);
    }

    return reader.readAsText(files[0]);
}-*/;

Answer 2

GWT 客户端代码只是 JavaScript，并且受到与浏览器沙箱模型中任何常规 JavaScript 相同的限制。

也就是说，JavaScript 无法从任何浏览器访问本地文件。

文件对话框以及由此产生的到服务器的传输由浏览器处理，并且不能以任何方式供 JavaScript 代码使用。

您必须将文件上传到服务器，然后在服务器上处理该文件，并通过将数据从服务器发送回客户端来显示您需要显示的内容。

Answer 3

尝试使用 GWT 中的元素库：

http://www.gwtproject.org/articles/elemental.html< /a>

将文件内容读取到 txtArea 的示例代码（所有客户端站点）：

import elemental.client.*;
import elemental.dom.*;
import elemental.html.*;
FileEntry fileEntry = (FileEntry)entry;
FileCallback callback = new FileCallback() {
  public boolean onFileCallback(File file) {
    final FileReader reader = window.newFileReader();
    reader.setOnloadend(new EventListener() {
      public void handleEvent(Event evt) {
        txtArea.setText(reader.getResult().toString());
      }
    });
    reader.readAsText(file);
    return true;
  }
};
fileEntry.file(callback, errorCallback);

本教程可能也有用：
http://www.instantshift.com/2013/ 11/19/html5-features-with-gwt-elemental/

Answer 4

1) 将文件上传到您的服务器（例如使用 gwt-upload）

2) 然后从客户端向服务器发出请求以检索文件的字节

Answer 5

您可以使用 Flash 或 Java Applet 在客户端完成所有操作。但这些都是复杂的，而且可能不是非常漂亮的解决方案。

看一下 GwtAI 在 GWT 中的 Java Applet 集成：
http://code.google.com/p/gwtai/