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 を文字列としてダウンロードして、その文字列を 2 番目のパラメーターとして openDzi 呼び出しに渡します。CORS の詳細: http://en.wikipedia.org/wiki/Cross-origin_resource_sharing

CORS は古いブラウザーではサポートされていませんが、seadragon ベースのアプリを作成しているため、最新のブラウザーでのみ動作することを想定しています。参照: http://caniuse.com/#feat=cors

于 2012-12-06T03:30:20.687 に答える