JavaScript, PHP数组帮助摄像头图像，

JavaScript, PHP Array help for Webcam Images,

本文关键字：摄像头 图像 帮助 数组 PHP JavaScript      更新时间：2023-09-26

我真的不想发，但是我实在是无计可施。

我有一个相机，我将用它向游客展示当前的天气状况。

我有一个powershell脚本保存快照从相机和PSFTP上传他们到我的ftp。文件名如下'MMddyyyyhhmmss' hbgcweathercam .jpeg.

这些文件位于/images文件夹

要求:我需要读取图像文件夹中的所有文件，按降序排序日期，然后将其传递给我的javascript数组'var images = []， x = -1;'

但是无论如何我都不能使它工作。

任何帮助都将是非常感激的。

编辑——下面是完整的工作代码，非常感谢Digital_Chris

<html>
   <head>
      <title>Weather Cam</title>
	  
<br/>
<br/>
	  
      <script type = "text/javascript">
          function displayPreviousImage() {
              x = (x === images.length - 1) ? 0 : x + 1;
              document.getElementById("img").src = images[x];
          }
          function displayNextImage() {
              x = (x <= 0) ? images.length - 1 : x - 1;
              document.getElementById("img").src = images[x];
          }
          //function startTimer() {
             // setInterval(displayNextImage, 500);
			 //clearInterval(startTimer);
          //}
		  
		  var images = [], x = -1;
<?php 
	$my_files = glob("images/*.jpeg");
    $counter = 0;
    foreach(array_reverse(glob("images/*.jpeg")) as $file) {
        echo "images[" . $counter . "] = '" . $file . "'; ";
        $counter++;
    }
?>
</script>
   </head>
   <body onload = "displayPreviousImage()">
   <div align="center">
       <img id="img" src="images/loading.gif" style="width: 500px; height: 500px;"/>
	   <br/>
       <button style="width: 100;" onclick="displayPreviousImage()">&#60; Previous</button>
		View Other Snapshots
       <button style="width: 100;" onclick="displayNextImage()">Next &#62;</button>
	   <br/>
	   <button style="width: 100;" onClick="window.location.reload()">View Current</button>
	   </div>
   </body>
</html>

这个答案假设您已经成功地将一个文件名数组放入$my_files:

在你的javascript块中，你需要一个PHP循环在图像上:

      var images = [], x = -1;
<?php 
    $counter = 0;
    foreach($my_files as $file) {
        echo "images[" . $counter . "] = 'images/" . $file . "'; ";
        $counter++;
    }
?>
</script>

这将产生如下输出:

      images[0] = 'images/somefile.jpeg';
      images[1] = 'images/anotherfile.jpeg';
      images[2] = 'images/whateversInTheDir.jpeg';
  </script>
相关文章：