javascript - 如果在 Chrome 上运行 createObjectURL 不起作用

Question

大家好，

我试图从 websocket 服务器（在 .NET 中）检索图像我将图像作为字节发送，然后在客户端检索它，用于在客户端检索的代码（使用画布和 JavaScript）：

var c=document.GetElementById("myCanvas");
var ctx=c.getContext("2d");
ws.onmessage=function(evt)
{
    var image=new Image();
    image.src=URL.createObjectURL(evt.data);
    ctx.drawImage(image,0,0);
}

它在 Firefox 上完美显示图片，但在 Chrome 上，它只是返回未定义并且不会通过 createObjectURL 加载图像我使用的是 Chrome 18.0.1025.162

任何的想法？

Answer 1

来自MDN：

此方法在 Chrome 和 Webkit 中的前缀为window.webkitURL.createObjectURL().

您应该测试是否URL存在，然后使用适当的对象：

(window.URL ? URL : webkitURL).createObjectURL(evt.data);