.png 이미지를 기반으로하는 lighttpd 웹 서버에 버튼을 만들려고합니다.Lighttpd 웹 서버가 표시되지 않습니다 .png 또는 .jpg 이미지
문제는 주소 표시 줄에 내 라즈베리 파이 IP 주소를 넣으면 이미지가 나타나지 않는다는 것입니다. 디렉토리에서 index.html 파일을 열면 이미지가 나타납니다.
이것은 lighttpd가 이미지에 액세스 할 수있는 권한이 필요하다는 것을 암시하지만, 이것이 사실인지와 내가 이것을 정정하는 방법에 대해 확실하지는 않습니다.
내 index.html 코드는 다음과 같습니다. 정확한 파일 위치를 확인했으며 코드와 일치합니다. 사전
<img src="/var/www/html/forwardbutton.png" id="t" onmousedown="forward()">
에서
<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>
많은 감사는이 웹 작동하지 방법이다. src 속성은 브라우저가 이미지를 가져 오는 데 사용할 수있는 URL이어야합니다. 브라우저가 웹 서버의 파일에 직접 액세스 할 수 없으므로 웹 서버의 로컬 경로가 될 수 없습니다. 권한이 올바르게 설정되어 있는지
<img src="forwardbutton.png" id="t" onmousedown="forward()">
확인하려면 이미지를 직접 열 수 있습니다 가정 당신의 index.html
는 이미지와 동일한 디렉토리에 이미지를 참조하는 상대 URL를 사용 귀하의 브라우저에서. 단순히 URL로 이동합니다
http://<ip address of your Pi>/forwardbutton.png
같은 일이 XHR 간다 당신이 당신의 브라우저에 파이썬 스크립트를 다운로드하는 이유,하지만 나에게 명확하지 않다, 시도 할 것으로 보인다.