Question

我正在学习网页开发。我正在做一个项目，它截取IP摄像头的截图，并在用户友好的网页上输出图像。

我有一个php脚本，可以在目录中找到最新的图像并创建一个png图像。

我还有一个html文件，可以对网页进行测试。

我似乎无法获取php中的图像输出以用于我的html文件。在我下面的html代码中，我有来自目录的硬编码图像。这是我需要图像变量的地方。

php output:
/////Create image from latest file/////

$imagepath = $path . $last_file; //Create full path string  -> (C:/xampp/htdocs/VideoWallTest/ + latest image filename)

//echo $imagepath; //Test message to show full filename
$image=imagecreatefrompng($imagepath); //create image from png

$imgheight=imagesy($image); //Set image height as height of original image

$color=imagecolorallocate($image, 255, 255, 255); //Set color for image caption (white)

//Add text to image bottom
imagestring($image, 5, 100, $imgheight-50, "Test_VideoWall", $color); //Select where text will appear and properties
header('Content-Type: image/png');

// Output
imagepng($image);
Html code:
<!DOCTYPE HTML> 
<html lang="en-US"> 
<head> 
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <meta http-equiv="content-type" content="text/html; charset=UTF-8">   
  <title>Cadillac Videowall Monitoring</title>

  <style type="text/css">

  </style> 
</head> 
<body> 

<div class="wrap">

  <!-- Define all of the tiles: -->
  <div class="box">
    <div class="boxInner">
      <img src="/VideoWallTest/12-30-14_2016-06-27.png" />
      <p><a href="http://localhost/VideoWallTest/">TEST 1</a><p>
      <div class="titleBox">1</div> 
    </div>
  </div>
  <div class="box">
    <div class="boxInner">
      <img src="/VideoWallTest/12-30-14_2016-06-27.png" />
      <p><a href="http://localhost/VideoWallTest/">TEST 2</a><p>
      <div class="titleBox">2</div>
    </div>
  </div>
  <div class="box">
    <div class="boxInner">
      <img src="/VideoWallTest/12-30-14_2016-06-27.png" />
      <p><a href="http://localhost/VideoWallTest/">TEST 3</a><p>
      <div class="titleBox">3</div>
    </div>
  </div>

输出图像变量从php到html

0 个答案: