Javascript 显示文件夹中最近的图像,自动刷新

Javascript 显示文件夹中最近的图像,自动刷新,javascript,php,image,Javascript,Php,Image,我有一个摄像头,大约每30秒通过FTP上传一张照片到一个特定的文件夹。这些文件是使用创建日期和时间命名的 例如,“image20161023s131200029.jpg”图像将于2016年10月23日13:12:00创建。无法更改图像的命名方式。下一幅图像将在30秒后上传,但并不完全如此,因此无法预测下一个文件名 我希望显示最近的图像,并每30秒刷新一次 我的问题是,我可以在php中显示最新的图像,使用scandir()和sort()获取最新的图像,但由于这是在php中,因此无法刷新。如果位置始

我有一个摄像头,大约每30秒通过FTP上传一张照片到一个特定的文件夹。这些文件是使用创建日期和时间命名的

例如,“image20161023s131200029.jpg”图像将于2016年10月23日13:12:00创建。无法更改图像的命名方式。下一幅图像将在30秒后上传,但并不完全如此,因此无法预测下一个文件名

我希望显示最近的图像,并每30秒刷新一次

我的问题是,我可以在php中显示最新的图像,使用scandir()和sort()获取最新的图像,但由于这是在php中,因此无法刷新。如果位置始终相同,我还可以使用JavaScript在给定的时间间隔内引用图像,因此如果最近的图像始终位于“/webcam/webcam01.jpg”,那么这就可以了。然而,我不知道如何做到这一点时,图像的名称将不断变化,如果有人知道最好的(或至少一个工作)的方式来做到这一点,这将是了不起的


我希望我已经明确了我要做的事情,对不起,如果之前有人回答过这个问题-我尝试过这个网站搜索和谷歌都没有用。

好的,那么我认为考虑到您的限制,这里的解决方案将要求您使用服务器端代码(PHP)解析最新的映像文件名并通过REST端点公开该文件名

因此,javascript代码会向服务器请求图像文件url。PHP代码将找到最新的图像并返回该文件的适当url。它看起来像这样:

// Function to refresh the image.
function refreshImage() {
    $.get("myserver/getImageUrl", function( data ) {
        $("img").attr('src', data);
    });
}

//refresh image every 31 seconds
setInterval(refreshImage, 31000);

实际上,在无法控制文件名的情况下,您需要使用服务器端代码来解析客户端代码的文件名。如果您可以控制输出文件名以使其可预测,或者使最新映像始终为相同的名称,那么您就不需要服务器端部件。

您尝试了什么?到底是什么问题?你讲的是一个故事,而不是说“这是我的代码,这是问题,这是我不懂的”…在拼写JavaScript时要注意避免与四个字母的单词发生冲突。