Q&A
実行環境について教えて下さい。
1.VMware上のCentOSでページの作成とブラウジングをしているのでしょうか？
2.CentOS上で作成、Windows環境からブラウジング
3.Windows上で作成、CentOS上からブラウジング
4.（よもやと思いますが）Windows上で作成、Windows上でブラウジング
5.その他のやり方（これだったら、具体的に明示してください）
VMwreのCentOS6.7でhtmlを勉強しているものです
< img src=～>文を使ってFireFox上にlocalhost/～.htmlのアドレスを入力すると画像が表示できませんでした(ファイルがちぎれたような描写でした)
画像は、無料配布の写真をjpgでDesktopに保存しています。よって、<img src="/home/ユーザ名/Desktop/画像.jpg">と指定しています
また、以下のことは試しましたので参考にしていただけたら幸いです
・写真をFireFoxにドラッグ&ドロップしても問題なく表示されました
ご教示お願いします
～.htmlのコード
<html> <head> <title> home </title> </head> <body> <img src=”file:///home/ユーザ名/Desktop/～.jpg”> </body> </html>
目的を書いてませんでしたね
失礼いたしました
目的は単純にhtmlで読み込んだ画像をブラウザ上に表示させたいだけです
またCentOS内でhtmlを作成して同じCentOSのFireFox上で画像を表示させたいので実行環境は1だと思います
「ファイルがちぎれたような描写」を具体的に画像かなにかで提示してください。今の表現ではどのような状況かわかりません。
回答3件
0
画像ファイルがhtmlと同じ階層にあるのなら
html
1<img src=”file:///home/ユーザ名/Desktop/image.jpg”>
ではなく
html
1<img src=”image.jpg”>
で良いのでは。
投稿2016/05/03 12:28
総合スコア546
回答ありがとうございます．
先ほどvar/www/htmlに画像ファイルとhtmlファイルを入れ，
<img src="image.jpg">で実行したところ，
ブラウザにファイルが断片化された表示が出ました．
権限も考慮し，chmod 777 image.jpgコマンドを実行しました．
0
ベストアンサー
ApacheなどのWebサーバを立ち上げていて、上のhtmlファイルはWebサーバのルート・ディレクトリ（/var/www/html/など）にあり、ブラウザからはhttp://localhost/xxx.htmlという形でアクセスしているということはないでしょうか？
もしそうなら、画像ファイルはWebサーバがアクセスできない場所にあるため、表示することはできません。画像ファイルをhtmlファイルと同じフォルダーにおいて試してみてはいかがでしょうか？
投稿2016/05/03 02:45
総合スコア553
回答ありがとうございます．
htmlファイル自体と画像ファイルは/var/www/html内に保存しています．
また，権限の可能性も考慮して chmod 777 画像.jpgコマンドを打ちました．
そしてブラウザからはhttp://localhost/～.htmlでアクセスしています．
結果は変わらずに，ファイルが裂けたような表示が出るだけです．
http://localhost/xx.jpg のように画像を直接指定すると表示されるでしょうか？
また、もし画像のファイル名が漢字なら、アルファベットに変更してみてください。
回答ありがとうございます。
画像名は全てアルファベットにしており、「画像.jpg」は例としました。誤解を与えてしまい、申し訳ありません。
ご指摘いただいた通り、
アドレスにhttp://localhost/画像.jpgを指定したところ、
403 Forbidden
You don't have permission to access /画像.jpg on this server.
Apache/2.2.15 (CentOS) Server at localhost Port 80
と出力されました。permissionを得ていないらしいので、ls -lコマンドで調べたところ、
-rwxrwxrwx. 1 ユーザ名 ユーザ名 144487 5月 2 06:14 2016 XX.jpg
となりました。
よろしくお願いいたします。
「アドレスにhttp://localhost/XX.jpgを指定したところ」でした。
失礼いたしました。
権限は問題なさそうなので、怪しいのはSELinuxですね。
http://totech.hateblo.jp/entry/2015/04/05/223714
OSはCentOS6.7 とのことなので、このあたりを見て、SELinuxを止めて試してみてください。
https://www.ipentec.com/document/document.aspx?page=linux-selinux-configuration
SELinuxを止めたところ正しく表示できていました!
長く相談に付き合ってくださりありがとうございます!!
うまくいってよかったです。SELinuxが原因で動かないことはよくあるのですが、そこに気づくまでが大変です。仮想マシンで勉強されている段階なら、SELinuxとFirewallは止めておいたほうがいいかと思います。
0
<img src="/home/ユーザ名/Desktop/画像.jpg">
ドキュメントルートとパスの指定がずれているのでは？
そうではないのであれば、読み込みの権限ではないかと。
投稿2016/05/02 16:27
退会済みユーザー
総合スコア0
回答ありがとうございます．
htmlファイル自体と画像ファイルは/var/www/html内に保存しています．
また，権限の可能性も考慮して chmod 777 画像.jpgコマンドを打ちました．
そしてブラウザからはhttp://localhost/～.htmlでアクセスしています．
パスは同じフォルダ内にあるため<img src="画像.jpg">
としました．
結果は変わらずに，ファイルが裂けたような表示が出るだけです．
このコメントだけだと、よくわからないんですが、切り分けのために以下を行なったという認識で良いですか？
1,画像ファイルの保存先を、Document root である【/var/www/html】の直下に変更
2,htmlファイルの記述も<img src=”file:///home/ユーザ名/Desktop/～.jpg”>から<img src="画像.jpg">へ変更
3,画像ファイルのアクセス権限を777へ変更
切り分けの結果としては
1,http://localhost/～.htmlは正常に読み込めている（画像は読み込めないが、titleやソースを見る限り正常）
2,http://localhost/画像.jpgは正常に読み込めない（エラー内容不明）
3,file:///home/ユーザ名/Desktop/画像.jpgは正常に読み込み（画像が表示される）
→画像ファイルは壊れていない。
http://localhost/画像.jpgの時のエラーメッセージが知りたいです。確認して下さい。
あと、切り分けた内容と結果ぐらいまとめて書いて下さい。
また、実環境と変えて表現している箇所も明確に。
回答りがとうございます。
切り分けのために行ったことについては1~3の点の認識で間違いないです。
結果は、
・titleは正常に読み込めている
・forefoxのアドレスにhttp://localhost/~htmlを指定したところ、ファイルが裂けたような表示がでました(画像で説明したいのですが、貼り方が分かりませんでしたので…)
・アドレスにhttp://localhost/画像.jpgを指定したところ、
403 Forbidden
You don't have permission to access /画像.jpg on this server.
Apache/2.2.15 (CentOS) Server at localhost Port 80
と出力されました。permissionを得ていないらしいので、ls -lコマンドで調べたところ、
-rwxrwxrwx. 1 ユーザ名 ユーザ名 144487 5月 2 06:14 2016 画像.jpg
となりました。
また、何度も質問をして申し訳ないのですが、「実環境と変えて表現している箇所も明確に」とはどういうことでしょうか?
よろしくお願いいたします。
あなたの回答
tips
プレビュー
