みんなに優しく、解りやすくをモットーに開設しています。 以下のルールを守りみんなで助け合いましょう。
1.ファイルメーカーで解らない事があればここで質問して下さい。 何方でも、ご質問・ご回答お願いします。 （優しく回答しましょう）
You are not logged in.
Pages: 1
いつもお世話になっています。
web viewerをつかって3Dデータを表示させようとしています。
とあるサイトを参照していろいろ試したところ、下記の①では正しく表示ができますが、②の自分のPC内のデータ参照にしたところ
正しく表示できません。（アイコンと移動、編集、または削除された可能性があります。の表示がでます）
どのようしたら「"babylonjs-cad-like-viewer.html"」を読み込めるのでしょうか。
環境はFMP19、Windows11です。
以下コードです。
C:\Users\デスクトップ\MyProject\babylonjs-iframe-embedded-test.htmlのファイルをファイルメーカーの
スクリプトを使って読み込ませています。
<!DOCTYPE html>
<html>
<head>
<title>Babylon.js 埋め込みDemo</title>
<style type="text/css">
body {
background-color: hwb(0 77% 22%);
color: #ffffff;
}
h3 {
text-align: center;
position: relative;
}
iframe {
display: block;
margin: 0 auto;
width: 100%;
max-width: 800px;
aspect-ratio: 16 / 9;
}
</style>
</head>
<body>
<h3>損傷図</h3>
① <!-- ↓PC、filemakerとも正しく表示します。 -->
<!-- <iframe src="https://mechanoboyu.github.io/babylonjs-cad-like-viewer/babylonjs-cad-like-viewer.html" title="Viewer demo" scrolling="no" frameborder="no" loading="lazy"></iframe> -->
②<!-- ↓PC内のデータ参照に変更したところPCは正しく表示、filemakerは表示できない。 -->
<iframe src="babylonjs-cad-like-viewer.html" title="Viewer demo" scrolling="no" frameborder="no" loading="lazy"></iframe >
</body>
</html>
WebViewerを右クリックして開発ツールを開くと、表示しているHTMLが保存されてるパスがわかります。（tempフォルダの中）
data:のURLは、それをhttps:でアクセスしてるので、そこに参照するファイルを置かないとアクセスできません。
（セキュリティ上の制限で、PC内のローカルファイルにはアクセスできません。それができると、ウェブサイトにアクセスしたときに自分のファイルを盗まれてしまいます）
himadaneeさん
回答ありがとうございます。
どうやら自分は基本的なことが理解できていないようです。
VSCodeの拡張機能でlive serverを使ったときはPCに保存されている"babylonjs-cad-like-viewer.html"がちゃんと読み込まれているので
できるのかと思っていました。
もう少し調べてみます。
Pages: 1
[ Generated in 0.007 seconds, 9 queries executed - Memory usage: 547.43 KiB (Peak: 579.13 KiB) ]