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的方法,所以在标记中有二进制图像数据?