Question

我有一个FTP服务器，当从相机拍摄照片时，它会从我的Android应用程序中获取图像。每次推送到FTP服务器的图像都具有相同的名称（testImg.jpg），因此对于捕获并发送到FTP服务器的每个图像，图像都会被覆盖。

我想做的是......每当它是新图像时，将图像从FTP目录显示到网页，即每次testImg.jpg被覆盖，重新加载页面以显示新的testImg.jpg图片。

我使用Javascript完成了非常少的工作，而且我不太清楚如何去做这件事。我感到非常困难和无能。

这是我目前在live.html文件中的内容（非常小，除了显示图片之外什么也不做）：

<html>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-2.1.3.js"></script>
<body style="background-color:#eeeeee;">
    <div id="imgdiv">
        <img src="C:/inetpub/ftproot/testImg.jpg" id="img" onload="loadImg()" width="960" height="540">
    </div>
    <script type="text/javascript">

    function loadImg() {
        alert('Image loaded');
    }
    //img = new Image();
    //img.src = "C:/inetpub/ftproot/testImg.jpg"

    </script>
</body>
</html>

非常感谢任何帮助！

Answer 1

当您从Android推送图像时，在FTP的同一文件夹中再创建一个文件 - 包含图像哈希值的文本文件。从javascript轮询此文件，并在更改哈希值时下载新图像。

仅在图像更改时从目录重新加载图像

1 个答案: