imgタグのsrcを変更する場合

Question

JQueryでimgタグのsrcを変更したいのですが、画像が表示されません。

<img id="smp_img" alt="ユーザー画像" />

$("#smp_img").attr("src", c:\images\sample.jpg);

実際に出力されたHTMLが以下の通りです。

<img id="smp_img" src="C:/images/sample.jpg"　alt="ユーザー画像" />

しかしc:\・・・にカーソルを合わせると
http://localhost/C:/images/sample.jpg
となっています。

http://localhostがいらないのですが、どうすれば排除できますか？

Answer 1

まず、Windowsで開発をするなら最低限、XAMPPを入れてください。
そして、ファイルはC:¥...で参照せず、http://localhost/...もしくは相対パスで設定してください。
セキュリティ上の理由で、C:¥...と言う参照方法では正しく表示されないはずです。もし、C:¥...で参照できてしまうと、勝手に自PC内のファイルが抜き取られる可能性があります。これは、Linux系でも同じです。

Comments

[kyoya0819]

src属性は、http://...で表示できるものしか指定できません。（一部例外あり）

Answer 2

とりあえずc:\images\sample.jpgがクォーテーションで囲まれていません
またローカルの画像を表示させようとするのはあまりおすすめできません
（セキュリティエラーになる）

Comments

[limitman80]

c:\images\sample.jpgは実際には変数に格納されております。
画像フォルダの画像を表示したいだけなのですが・・・。

[yambejp]

web上からローカルのファイルを直接指定ができないということです
httpでlocalhostを使うのではなく参照自体もローカルでやるくらいしかありません

[limitman80]

サーバであれば可能ですか？
linuxサーバで/usr/sample/images/sample.jpgというファイルがあった場合、
上記のようにしても表示されませんか？

[yambejp]

ご指定のc:\imagesがhttpの公開フォルダになっているなら表示できるでしょう