2017-12-20 10 views
0

.pngイメージに基づくlighttpd Webサーバー上のボタンを作成しようとしています。Lighttpd Webサーバーが表示されません.pngまたは.jpgイメージ

問題は、ラズベリーパイIPアドレスをアドレスバーに置くと画像が表示されないことです。ディレクトリから直接index.htmlファイルを開くと、イメージが表示されます。

これは、lighttpdが画像にアクセスするための何らかの形式のアクセス権を必要とすることを私に示唆していますが、これが正しいかどうか、そしてこれをどう修正するかはわかりません。

私のindex.htmlコードは以下のとおりです。私は正確なファイルの場所を確認しており、コードと一致しています。事前に

<html> 
<head> 
<script language="JavaScript"> 
var xmlhttp; 
xmlhttp=new XMLHttpRequest(); 

function forward() 
    { 
     xmlhttp.open("GET","/var/www/html/forward.py", true); 
     xmlhttp.send(); 
    } 

</script> 
</head> 
<body> 
<h1> Internet controlled robot vehicle </h1> 
<img src="/var/www/html/forwardbutton.png" id="t" onmousedown="forward()"> 
</body> 
</html> 

感謝

答えて

1
<img src="/var/www/html/forwardbutton.png" id="t" onmousedown="forward()"> 

これは、Webの仕組みではありません。 src属性は、ブラウザが画像を取得するために使用できるURLである必要があります。ブラウザはWebサーバー上のファイルに直接アクセスできないため、Webサーバー上のローカルパスにすることはできません。

画像を参照するために相対URLを使用し、あなたのindex.htmlは画像と同じディレクトリにあると仮定すると:

<img src="forwardbutton.png" id="t" onmousedown="forward()"> 

権限が正しく設定されている場合、あなたは画像を直接開くことができます確認するにはあなたのブラウザで。単にURLにナビゲートします。

http://<ip address of your Pi>/forwardbutton.png 

同じことがXHRのために行くが、あなたがあなたのブラウザにPythonスクリプトをダウンロードしたいと思います理由が私には不明である、しようとしているように見えます。

関連する問題