繁体   English   中英

使用PHP获取图像文件路径并以HTML格式显示

[英]Get image filepath using PHP and display in HTML

我已经关注了几个帖子并取得了进展,但我仍然无法使用位于www / SnapShots下的webroot文件夹中的html img src标签显示jpeg图像。

我想使用PHP搜索本地mysql数据库并返回最新的图像文件路径。 然后我想使用该文件路径来显示图像。

我已经尝试使用单独的getImage.php和showimage.html以及包含php和html的单个文件,我将在下面分享。 目前我能够回显正确的文件路径,当手动复制和粘贴到img src时,它会起作用,但是它不能通过引用变量或.php url来工作。

webcam.php:

<?php
echo '<!DOCTYPE html>';
echo '<html>';
echo '<body>';
echo '<h1>Display Recent WebCam Image</h1><br />';

//$id = $_GET['id'];
//Connect to mysql DB
$link = mysql_connect("localhost", "root", "password");
mysql_select_db("temperature_database");
//Select thew newest image filepath
$sql = "SELECT imgFilePath FROM tempLog WHERE datetime=(SELECT MAX(tempLog.datetime) FROM tempLog);";
$result = mysql_query("$sql");
$row = mysql_fetch_assoc($result);
mysql_close($link);

//header("Content-type: image/jpeg");
header("Content-type: text/plain");
$imgpath = $row['imgFilePath'];
//echo $imgpath;


echo '<img src="{$imgpath}", alt="Most recent WebCam Shot", width="800", height="600"><br />';
?>
</body>
</html>

我已尝试过多种插入$ imgpath变量的方法,或者从单独的html页面引用它,即:。

正确方向的一点将非常感激。

截至目前,webcam.php输出以下内容,因此解释html标签似乎也存在问题。

<!DOCTYPE html><html><body><h1>Display Recent WebCam Image</h1><br /><img src="{$imgpath}", alt="Most recent WebCam Shot", width="800", height="600"><br /></body>

改为使用双引号:

// code
echo "<img src='{$imgpath}' alt='Most recent WebCam Shot' width='800' height='600'><br />";

PHP不替换单引号字符串中的变量。

更新

如果我理解你的问题,你想要阅读图像的内容并在<img>标签中使用它。

你必须将代码分成两个文件(我将简化说明):

的index.html

<p>Webcam image:</p>
<img src="view_image.php">

view_image.php

<?php
$image_path = function_to_get_image_path();
header("Content-type: image/jpeg");
readfile($image_path);

这是您可以采取的方法。

我建议你从一个简单的样本开始:

创建包含三个文件的文件夹:

一个名为image.jpg的示例图像

一个名为index.html的HTML文件,代码如下:

<img src="view_image.php">

还有一个名为view_image.php的文件, 其中包含以下内容:

<?php 
header("content-type: image/jpeg");
readfile("image.jpg");

请注意,必须在Web服务器中启用php。

您也可以像这样使用它:

echo '<img src="'.{$imgpath}.'", alt="Most recent WebCam Shot", width="800", height="600"><br />';

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM