3

毎秒ブラウザの画像更新時にカム画像を表示するウェブカメラアプリケーションを開発しています。他のブラウザでは機能しませんが、クロムではうまく機能します。以下は、私が使用したJavaスクリプトコードです。誰かが解決策を持っているかどうかを提案してください。前もって感謝します。

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript">
    var access_point = "http://dogcity.viewmydog.com/cam0.jpg";
    function initCamera()
    {
        document.getElementById('main_image').src =access_point;
        setInterval(function(){refreshImage()},1000);
    }

    function refreshImage()
    {
        document.getElementById('main_image').src =access_point;
    }
</script>   
</head>  
<body onload="initCamera()">
<div class="innerDiv" id="innerDiv">
<img class="camImage" id="main_image" src="" width="320" />
</div>
</body>
4

4 に答える 4

0

画像の src を指定する際に追加の変数を渡すことで、ブラウザに強制的に画像を更新させることができます

このように更新機能を変更します

function refreshImage()
{
    var mainimage = document.getElementById('main_image');
    d = new Date();
    mainimage.src = access_point + d.getTime();
}
于 2013-09-18T04:40:16.973 に答える
0

あなたのJavaScriptコードは正常に動作します。問題は、ブラウザが画像をキャッシュすることです。したがって、同じ名前の新しい画像が着信しても、変更は表示されません。画像の URL に数値を連結するか、no-cache を使用できます。

于 2013-09-17T06:26:20.070 に答える