1

我创建了一个 deepzoom 图像,当图像文件放置在本地时,我可以使用以下代码显示它:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
    <style type="text/css">
        body {
            margin: 0px;
            font-family: Verdana;
            line-height: 1.25em;
        background-color:#000000; 
        }

    </style>

    <script type="text/javascript" src="http://seadragon.com/ajax/0.8/seadragon-min.js"></script>
    <script type="text/javascript">
        var viewer;

        function init() {
            viewer = new Seadragon.Viewer("container");
            viewer.openDzi("spider.xml");
        viewer.setFullPage(true);
        }

        Seadragon.Utils.addEvent(window, "load", init);
    </script>
</head>

<body>
<div id="content">

    <div id="container">
    </div>


</div>
</body>

</html>

但是当我随后将图像和 xml 文件上传到http://foto.qaz.dk

并将以下代码更改viewer.openDzi("spider.xml");viewer.openDzi("http://foto.qaz.dk/spider.xml");

我从 seadragon 收到一条错误消息“嗯,这似乎不是有效的深度缩放图像”

我究竟做错了什么?

4

2 回答 2

1

看到这个帖子:

http://dragonosticism.wordpress.com/2008/11/25/seadragon-ajax-and-cross-site-scripting/

您遇到了一个跨脚本 javascript 问题。您需要将脚本移动到远程主机上或重新考虑。

于 2011-07-01T10:13:57.580 回答
0

你控制 foto.qaz.dk 吗?如果是这样,请设置适当的 CORS 标头,将 XML 作为字符串下载,并将所述字符串作为第二个参数传递给您的 openDzi 调用。有关 CORS 的更多信息: http ://en.wikipedia.org/wiki/Cross-origin_resource_sharing

旧版浏览器不支持 CORS,但由于您正在编写基于 seadragon 的应用程序,因此假设您期望只使用现代浏览器。见:http ://caniuse.com/#feat=cors

于 2012-12-06T03:30:20.687 回答