Pdf.jsを使用したローカルpdfファイルの描画について

Question

Pdf.jsの勉強がてら、ためしにローカルにあるpdfファイルを表示させてみようとしています。

〈iframe src="..Pdf/web/viewer.html?file=C:/Users/ユーザー名/Desktop/test.pdf" 〉

そこでこういつたコードを書いたのですが
file origin does not match viewer's
というエラーが発生し描画できていない状態です。

調べるとこのエラーを表示しているロジックをコメントアウトすればいいとは出てくるのですがなにか他の解決策は無いでしょうか？

よろしくお願いします。

Comments

[退会済みユーザー]

ASP.NET のタグがついてますがどういう関係があるのですか？ ググって調べただけすが、pdf.js というのは JavaScript のライブラリで、ASP.NET とは直接の関係はなさそうですが。

[RRN]

現在の環境がaspを使っておりaspのiframeタグにpdf.jsを使っているためタグに入れていました。

[退会済みユーザー]

asp というのはクラシック(レガシー) ASP ですか？ 何にせよ、iframe は html 要素で、ASP.NET とも クラシックASP とも直接の関係はないはずです。

なぜこういうことを言うかと言えば、JavaScript だけの話として質問文を書くことができるなら、その方がレスが集まりやすいからです。(ASP.NET のタグがついていると、それだけで質問を読まない人も多そうです)

[退会済みユーザー]

回答とは言えない想像レベルなのでここに書きますが、クエリ文字列の file に指定しているパスに問題があるような気がします。Web サーバーの仮想ディレクトリでないとダメなのでは？

あと、Ajax を使うそうなので同一ドメインである必要もありそうです。

[RRN]

ご指摘ありがとうございます、タグの編集をしておきました。
試して見たところviewer.htmlと同じディレクトリにあるpdfの描画ならできました。
やはりローカル環境は参照できないんでしょうか、、

[退会済みユーザー]

結果がそれを裏付けているようです。

Answer 1

file origin does not match viewer's

エラーメッセージのとおりです。JavaScriptからfile://にあるファイルの読み込みをしようとした場合、その挙動はブラウザごとに異なります（参考）。