回答編集履歴

4

追記3&訂正

2021/04/11 08:13

投稿

退会済みユーザー
test CHANGED
@@ -74,7 +74,7 @@
74
74
 
75
75
 
76
76
 
77
- 質問の 2021/04/11 16:53 私のコメントで「何故ダメなのか分かりました。img タグの src 属性の設定が間違ってます。私の回答欄に追記しておきます」
77
+ 質問の 2021/04/11 16:53 私のコメントで「何故ダメなのか分かりました。img タグの src 属性の設定が間違ってます。私の回答欄に追記しておきます」と書いた件です。
78
78
 
79
79
 
80
80
 

3

追記3

2021/04/11 08:13

投稿

退会済みユーザー
test CHANGED
@@ -67,3 +67,43 @@
67
67
 
68
68
 
69
69
  ![イメージ説明](e98315cf72efcdd4dc3e03d898ce43a9.jpeg)
70
+
71
+
72
+
73
+ **【追記3】**
74
+
75
+
76
+
77
+ 質問の 2021/04/11 16:53 私のコメントで「何故ダメなのか分かりました。img タグの src 属性の設定が間違ってます。私の回答欄に追記しておきます」
78
+
79
+
80
+
81
+ 質問者さんのレンタルサーバーの問題のページは、
82
+
83
+
84
+
85
+ https://siteofearth.com/1/index.html
86
+
87
+
88
+
89
+ で表示されますが、そのページの画像は <img src="1\image\main.png"> となっており、それだとブラウザが要求する url は、
90
+
91
+
92
+
93
+ https://siteofearth.com/1/1/image/main.png
94
+
95
+
96
+
97
+ となってしまうが、そこには画像は無く、HTTP 200 応答は返ってくるが中身がないので表示されないということです。以下はブラウザが上の url を要求した時の要求と応答を Fiddler でキャプチャした画像です。(404 でなく200 が返ってくるのが不思議ですが、そこはちょっと置いときます)
98
+
99
+
100
+
101
+ ![![イメージ説明](64445384f8b57dbcf907bfbbd66394dd.jpeg)](4f3e464cfae905f4708a9c80a96f3b7d.jpeg)
102
+
103
+
104
+
105
+ 画像は https://siteofearth.com/1/image/main.png にあるようです。src 属性を直せば表示されるはずです。
106
+
107
+
108
+
109
+ ![イメージ説明](530a92371e83c25641acc42cfbe72e33.jpeg)

2

追記2

2021/04/11 08:12

投稿

退会済みユーザー
test CHANGED
@@ -31,3 +31,39 @@
31
31
 
32
32
 
33
33
  ![イメージ説明](e4d76fea184dc1d8b98fec6e6a24b698.jpeg)
34
+
35
+
36
+
37
+ **【追記2】**
38
+
39
+
40
+
41
+ 下の 2021/04/11 09:55 の私のコメントで、「上のコメントへのレスは回答欄に追記します」と書いた件です。
42
+
43
+
44
+
45
+ > imageフォルダの中のnoteフォルダのdwsyncを消したら、ローカルでも画像が見れなくなりました。これはどうしたら良いのでしょうか。dreamweaverが関係しているようなので、dreamweaver側のサイト管理設定で、フォルダは消したのですが。なにか関係あるのでしょうか。
46
+
47
+
48
+
49
+ 何か見当違いの方向に進んで関係な余計ないことをして状況が悪化してしまったような気がするのですが・・・
50
+
51
+
52
+
53
+ DreamWeaver は全く分かりませんが、ググって調べてみると _notes フォルダの dwsync.xml ファイルというのは「DreamWeaverがサーバーとローカルにあるファイル同士の同期情報を管理するためのファイル」とのことで、そうだとすると img タグに画像が表示できないということとは何の関係もなさそうです。
54
+
55
+
56
+
57
+ 必要なのは上の回答の追記に詳しく書いた通りで、自分的にはそれ以上書けないぐらいに詳しく説明したつもりですが、読んで理解してもらってますでしょうか? 話が通じてないように思えますけど。
58
+
59
+
60
+
61
+ 自分の PC からレンタルサーバー会社の Web サーバーにどのようにフォルダ/ファイルをアップロードしたのでしょう? 質問に「ftp設定でのアップロード」と書いてあったので FTP クライアントを使ったのだろうと想像してますが、その際、画像のフォルダ/ファイルなどを含めて全てアップロードしてないのですか?
62
+
63
+
64
+
65
+ 以下の画像は FileZilla を使って Web サーバーのフォルダに FTP 接続し、自分の PC の Images フォルダと Web サーバーの Images フォルダの両方を表示したものです。このようになってますか?
66
+
67
+
68
+
69
+ ![イメージ説明](e98315cf72efcdd4dc3e03d898ce43a9.jpeg)

1

追記

2021/04/11 01:10

投稿

退会済みユーザー
test CHANGED
@@ -3,3 +3,31 @@
3
3
 
4
4
 
5
5
  こういうのダメです。あなたの PC にある画像では何ともなりません。
6
+
7
+
8
+
9
+ **【追記】**
10
+
11
+
12
+
13
+ 下の 2021/04/10 16:01 の私のコメントで、「回答欄にもう少し詳しく追記しておきますので見てください」と書いた件です。
14
+
15
+
16
+
17
+ 例えば web サーバーに http://websiteproject.com/ というサイトがあって、そのサイト直下の Images フォルダに画像ファイルがあるとします。同じくサイト直下に test01.html というページがあって、それに Images フォルダの blue.png を表示する場合は以下のようにします。
18
+
19
+
20
+
21
+ ![イメージ説明](7335214bd2c39022214fab4976bb5874.jpeg)
22
+
23
+
24
+
25
+ ブラウザから http://websiteproject.com/test01.html を要求すればページに blue.png は表示されます。画像は test01.html に埋め込まれているわけではなく、まず上の html ソースをレンダリングしたあと、ブラウザが img 要素の src 属性に指定される画像をダウンロードしてきて img 要素の場所に表示するという動きになります。 src="Images/blue.png" と相対パスで指定されているので、ブラウザが要求する url は http://websiteproject.com/Images/blue.png となります。
26
+
27
+
28
+
29
+ http://websiteproject.com/Images/blue.png というのはインターネット上のブラウザからアクセスできる場所になければならず、インターネットに公開されてない質問者さんの PC のフォルダにある画像では何ともならないということです。http://websiteproject.com/Images/blue.png をブラウザのアドレスバーに入力すればどこから要求しても画像が表示される場所でないとダメなのです。
30
+
31
+
32
+
33
+ ![イメージ説明](e4d76fea184dc1d8b98fec6e6a24b698.jpeg)