Javascript 在svg图像标记中显示blob

Javascript 在svg图像标记中显示blob,javascript,angularjs,svg,Javascript,Angularjs,Svg,我用这种方式创建了一个临时文件$scope.imgData=URL.createObjectURL(curFile) 在我的html文件中,我试图在svg中显示它,但什么也不显示。这是我的html: <svg width="780" ng-attr-height="625" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" style="cursor:c

我用这种方式创建了一个临时文件
$scope.imgData=URL.createObjectURL(curFile)

在我的html文件中,我试图在svg中显示它,但什么也不显示。这是我的html:

<svg width="780" ng-attr-height="625" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink"  style="cursor:crosshair; padding-top: 16px;" ng-mousemove="updateCoords($event)" >
    <image id="MyImg" xlink:href="" ng-href="{{ imgData }}" x="0" y="0" height="625px" width="780px"/>
</svg>

如果我下载
imgData
中的链接(类似
blob:http://localhost/397f996a-d456-4f25-b9ed-f210d2c38a57
),并以jpg格式打开,我可以看到图像


有什么问题吗?

服务器是否为内容类型设置了正确的标题?如果要嵌入图像,请使用base64enconding@philipp我将内容类型设置为image/jpeg,但结果相同。。。对于大图像,转换到Base64的速度很慢。我想使用类似于src的方式,因此标记中有二进制图像数据?服务器是否为内容类型设置了正确的头?如果要嵌入图像,请使用base64enconding@philipp我将内容类型设置为image/jpeg,但结果相同。。。对于大图像,转换到Base64的速度很慢。我想使用类似于src的方法,所以在标记中有二进制图像数据?