(TypeError): Blob 不是构造函数

Question

这段代码在 Firefox/Windows 下调用时可以正常工作，但是在 Firefox/Linux 下调用时会抛出以下错误：

private native String getBlobUrl(String b64)/*-{
    function base64ToBlob(base64) {
        var binary = atob(base64);
        var len = binary.length;
        var buffer = new ArrayBuffer(len);
        var view = new Uint8Array(buffer);
        for ( var i = 0; i < len; i++) {
                view[i] = binary.charCodeAt(i);
        }
        var blob = new Blob([ view ]);
        return blob;
    };
    var newBlob = base64ToBlob(b64);
    var URLObj = window.URL || window.webkitURL;
    var source = URLObj.createObjectURL(newBlob);
    return source;
}-*/;

错误：

00:06:08.107 [错误] 未捕获的异常已转义 com.google.gwt.core.client.JavaScriptException: (TypeError): Blob 是 不是构造函数 com.google.gwt.dev.shell.BrowserChannelServer.invokeJavascript(BrowserChannelServer.java:248) 在 com.google.gwt.dev.shell.ModuleSpaceOOPHM.doInvoke(ModuleSpaceOOPHM.java:136) 在 com.google.gwt.dev.shell.ModuleSpace.invokeNative(ModuleSpace.java:561) 在 com.google.gwt.dev.shell.ModuleSpace.invokeNativeObject(ModuleSpace.java:269) 在 com.google.gwt.dev.shell.JavaScriptHost.invokeNativeObject(JavaScriptHost.java:91) 在 com.google.gwt.core.client.impl.Impl.apply(Impl.java) 在 com.google.gwt.core.client.impl.Impl.entry0(Impl.java:213) 在 sun.reflect.GeneratedMethodAccessor73.invoke(Unknown Source) at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43) 在 java.lang.reflect.Method.invoke(Method.java:601) 在 com.google.gwt.dev.shell.MethodAdaptor.invoke(MethodAdaptor.java:103) 在 com.google.gwt.dev.shell.MethodDispatch.invoke(MethodDispatch.java:71) 在 com.google.gwt.dev.shell.OophmSessionHandler.invoke(OophmSessionHandler.java:172) 在 com.google.gwt.dev.shell.BrowserChannelServer.reactToMessages(BrowserChannelServer.java:292) 在 com.google.gwt.dev.shell.BrowserChannelServer.processConnection(BrowserChannelServer.java:546) 在 com.google.gwt.dev.shell.BrowserChannelServer.run(BrowserChannelServer.java:363) 在 java.lang.Thread.run(Thread.java:722)

我的代码有什么问题？

我认为错误在这一行之内（但在 Windows 环境下可以正常工作）：

var blob = new Blob([ view ]);

Answer 1

在 gwt jsni 方法中，您需要使用“$wnd”。前缀而不是“窗口。”。请注意，atob() 实际上是 window.atob()。您需要在 jsni 代码中为所有 window.xxx 方法添加此前缀（在“atob(base64)”、“URL”和“webkitUrl”之前）：

private native String getBlobUrl(String b64)/*-{
    function base64ToBlob(base64) {
        var binary = $wnd.atob(base64);
        var len = binary.length;
        var buffer = new ArrayBuffer(len);
        var view = new Uint8Array(buffer);
        for (var i = 0; i < len; i++) {
            view[i] = binary.charCodeAt(i);
        }
        var blob = new Blob([ view ]);
        return blob;
    };
    var newBlob = base64ToBlob(b64);
    var URLObj = $wnd.URL || $wnd.webkitURL;
    var source = URLObj.createObjectURL(newBlob);
    return source;
}-*/;

关于 jsni 的好文章： http://www.gwtproject.org/doc/latest/DevGuideCodingBasicsJSNI.html