8 返信 最新の回答 日時: Jun 6, 2013 4:49 PM ユーザー:user14047

    webビューアに画像を表示するには?

    d.o

      みなさんこんにちは

       

      webビューアーに画像を表示する方法でご相談させて下さい。

       

      とりあえずインターネット上の画像の表示は出来ました。(ウェブサーバー上にあり、普通にブラウザでアクセス出来るといういみ)

      ウェブビューアのURLに以下の指定をすれば良いところまでは出来ました。

      "data:text/html,<html>

      <body>

      <p><img src='http://画像のURL' /></p>

      </body></html>"

       

      次にインターネット上の画像ではなくてローカルに保存されている画像を表示させないか試していますが解決出来ずにいます。

      試したのは

      以下のような感じです

      "data:text/html,<html>

      <body>

      <p><img src='file://画像へのパス' /></p>

      </body></html>"

       

      たとえばMacを使っていてデスクトップにある画像「fig.jpg」を表示したいとすると...

      URLの指定を

      file://Macintosh HD/Users/ユーザー名/Desktop/fig.jpg

      とすれば良いのかな?と思ったのですがうまく表示されませんでした。

       

      そもそも画像をおいておくディレクトリに制約があるのかも?と思いつついろいろ試していますが解決出来ずにいます。

      アドバイスをお願いします。

        • 1. Re: webビューアに画像を表示するには?
          LyndsayHowarth

          English at bottom)

           

          あなたのURLは、すべてのユーザーに対して同じアドレスで利用可能ですWebサーバー上にある必要があります、彼らはあなたのローカルネットワーク(LAN)の内部または外部にあるかどうか。

           

           

          あなたは、Webビューアで"http://"をプロトコルを使用します。

           

           

          あなたはLANが配置されてルータにパブリックIPアドレスを持っている場合は、使用することができます。

          ポート80のポートフォワーディングを設定する必要があり、あなたのサーバマシン上でWeb共有をオンにする必要がルータに到達するために"http://PublicIP/"... Mac上のシステム環境設定である。

           

           

          あなたがパブリックアクセスをしたくない場合は、このようにあなたのURLにローカルマシン名を使用します。

          "http://iMacName.local/"

           

           

          Webサーバのルートが一般的に含まれています:

          マッキントッシュHD/ライブラリ/ WebServer / Documents /

           

           

          MacOSXのサーバー10.8にデフォルトルートを変更:

          マッキントッシュHD/ライブラリ/サーバ/ウェブ/データ/サイト/デフォルト/

           

           

          私が役に立てばと思います。

           

           

          - リンゼー

           

           

          Your URL must be on a web server which is available at the same address for all users; whether they are inside or outside your local network (LAN).

           

           

          You would use "http://" protocols in the web viewer.

           

           

          If you have a public IP address to your router where your LAN is located, you can use:

          "http://PublicIP/" to get to the router which needs configuring with Port forwarding for Port 80 and you need to turn the web sharing on on your Server machine... in System Preferences on a Mac.

           

           

          If you do not want public access you would use the local machine name in your URL like this:

          "http://iMacName.local/"

           

           

          The root of the web server is generally found in:

          Macintosh HD / Library / WebServer / Documents/

           

           

          MacOSX Server 10.8 changed the default root to:

          Macintosh HD / Library / Server / Web / Data / Sites / Default /

           

           

          I hope that helps.

           

           

          - Lyndsay

          • 2. Re: webビューアに画像を表示するには?
            user14047

            file:///Users/ユーザー名/Desktop/fig.jpg ←file:の後にスラッシュ3つ。HD名はつけない。

            でどうですか?

            画像だけをWebビューアで表示するのであれば

            "data:text/html,<html><body><p><img src='file://画像へのパス' /></p></body></html>"なんてしなくても

            Webアドレスの指定を

            "file:///Users/ユーザー名/Desktop/fig.jpg"

            だけでもいけますよ。

            • 3. Re: webビューアに画像を表示するには?
              d.o

              レスありがとうございます

               

              説明不足ですみません。今回は画像だけでなくテキスト等も含めて表示したいのです。

               

              テキストの長さや画像のサイズもいろいろと違うので、画像のファイル名やテキストをいくつかのフィールドにいれておいて、そこから動的にhtmlを生成して表示するつもりでいます。

              • 4. Re: webビューアに画像を表示するには?
                user14047

                それでしたら

                "data:text/html,<html><body><p><img src='file:///Users/ユーザー名/Desktop/fig.jpg' /></p></body></html>"

                • 5. Re: webビューアに画像を表示するには?
                  d.o

                  解答ありがとうございます

                   

                  やはり、ウェブアクセス出来る場所に置かなくてはいけないわけですね。

                  その辺はもしかしてFilemakerがやってくれるのかな?と勘違いしていました。

                  ウェブ共有をオンにして試してみます。

                  ありがとうございます。

                  • 6. Re: webビューアに画像を表示するには?
                    LyndsayHowarth

                    English at bottom)

                     

                    私はGoogle翻訳を使用しています。すべてのエラーのために申し訳ありません。

                     

                    WebファイルはWebサーバであると予想される。

                     

                     

                    http:///またはファイル:/ / /ローカルマシンを意味しますか。これは、ネットワーク上の他のマシンでは動作しません。

                     

                     

                    あなたはでデフォルトのWebサーバの中のあなたfig.jpgを置く場合:

                    マッキントッシュHD /ライブラリ/ WebServer//ドキュメント/画像

                    あなたは、LAN上のファイルにアクセスするために使用することができますアドレスは次のようになります。

                    "http://iMacName.local/images/fig.jpg"

                     

                    I am using Google Translate. Sorry for any errors.

                     

                     

                    Web files are expected to be in a web server.

                     

                     

                    http:/// or file:/// does mean the local machine. It will not work for other machines on the network.

                     

                     

                    If you put your fig.jpg inside the default web server at:

                    Macintosh HD / Library / WebServer / Documents/ Images /

                    The address you could use to access the file on the LAN would be:

                    "http://iMacName.local/images/fig.jpg"

                    • 7. Re: webビューアに画像を表示するには?
                      vasukutetohana

                      こちらの投稿を参考にさせて頂いたのですが、「ファイルが中断しました。」というメッセージが

                      出て来ました。

                      何か解決策が分かる方いらっしゃいましたら教えて下さい。よろしくお願いします。

                      • 8. Re: webビューアに画像を表示するには?
                        user14047

                        まずはブラウザで

                        file:///Users/ユーザー名/Desktop/fig.jpg

                        を確認(この path は Mac OS の場合ですよね)してください。

                        画像が表示されたら、


                        data:text/html,<html><body><p><img src='file:///Users/ユーザー名/Desktop/fig.jpg' /></p></body></html>


                        を Safari とか Google Chrome のような data url スキームに対応した Web ブラウザの location にはりつけて確認してみてください。

                        原因を切り分けていきましょう。