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);