（TypeError）：Blob不是一个构造函数。

Question

（TypeError）：Blob不是一个构造函数。

3

这段代码在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 [ERROR] 未捕获异常 com.google.gwt.core.client.JavaScriptException: (TypeError): Blob不是一个构造函数 at com.google.gwt.dev.shell.BrowserChannelServer.invokeJavascript(BrowserChannelServer.java:248) at com.google.gwt.dev.shell.ModuleSpaceOOPHM.doInvoke(ModuleSpaceOOPHM.java:136) at com.google.gwt.dev.shell.ModuleSpace.invokeNative(ModuleSpace.java:561) at com.google.gwt.dev.shell.ModuleSpace.invokeNativeObject(ModuleSpace.java:269) at com.google.gwt.dev.shell.JavaScriptHost.invokeNativeObject(JavaScriptHost.java:91) at com.google.gwt.core.client.impl.Impl.apply(Impl.java) at com.google.gwt.core.client.impl.Impl.entry0(Impl.java:213) at sun.reflect.GeneratedMethodAccessor73.invoke(Unknown Source) at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43) at java.lang.reflect.Method.invoke(Method.java:601) at com.google.gwt.dev.shell.MethodAdaptor.invoke(MethodAdaptor.java:103) at com.google.gwt.dev.shell.MethodDispatch.invoke(MethodDispatch.java:71) at com.google.gwt.dev.shell.OophmSessionHandler.invoke(OophmSessionHandler.java:172) at com.google.gwt.dev.shell.BrowserChannelServer.reactToMessages(BrowserChannelServer.java:292) at com.google.gwt.dev.shell.BrowserChannelServer.processConnection(BrowserChannelServer.java:546) at com.google.gwt.dev.shell.BrowserChannelServer.run(BrowserChannelServer.java:363) at java.lang.Thread.run(Thread.java:722)

我的代码有什么问题？

我认为错误可能在这行代码内（但在Windows环境下它运行良好）：

var blob = new Blob([ view ]);

- quarks

我猜问题出在这里：var URLObj = window.URL || window.webkitURL; 这只从window环境中读取！！ - Nitesh Verma

谢谢指出，这在Linux环境中的对应代码是什么？ - quarks

我不太懂JavaScript，所以我猜现在你得自己解决了。你可以尝试搜索如何在Linux中实现这个东西，而不是寻找Linux的对应代码 :-) - Nitesh Verma

其实我认为错误在这一行：var blob = new Blob([ view ]); - quarks

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- shyyko.serhiy · Accepted Answer

在GWT JSNI方法中，您需要使用"$wnd."前缀代替"window."。注意，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

这篇文章是介绍JSNI（JavaScript Native Interface）的，它允许您在GWT应用程序中使用原生JavaScript代码。文章提供了相关方面的详细信息，并提醒您可能会遇到的问题。如果您要使用JSNI，请务必仔细阅读本文以获取更多信息。