在 HTML 中显示基于 Cookie 的图像
本文将介绍一种根据 PHP 中设置的 cookie 以 HTML 格式显示图像的方法。
根据 HTML 中设置的 Cookies 显示图像
问题陈述是我们需要根据网页传递的cookie来显示特定的图像。 我们可以使用 setcookie() PHP 函数设置 cookie。
接下来,可以使用 if-elseif-else
条件来检查 cookie。 这样,我们就可以根据 cookie 设置图片并以 HTML 显示。
让我们考虑一个场景,用户可以通过 3 个不同的网页被定向到一个网页。 我们需要在每种情况下设置不同的 cookie。
例如,如果用户被定向到第 1 页,则 cookie 应设置为 value1。 我们可以使用 PHP 的 rand() 函数来模拟这种现象。
该函数可用于选择随机 cookie 值。 例如,创建一个包含三个项目的 $values 数组,如下所示。
$values = ["value1", "value2", "value3"];
接下来,使用 rand(0,2)
函数作为 $values 数组的索引。
$value = $values[rand(0,2)];
在这里,函数 rand(0,2)
生成一个介于 0-2 之间的随机索引,以从数组 $values 中选取一个随机值。 随机值存储在 $value 变量中。
接下来,使用 setcookie()
函数设置一个名为 displayImage 的 cookie,其值为 $value。 cookie 将持续一个小时,time()+3600
。
然后,使用 if-elseif-else 条件根据不同的值检查 cookie 名称。 在 if 条件下,根据 $value1 检查 displayName。
在 if 块中,创建一个变量 $imageUrl 并设置 URL abc.jpeg。 同样,检查 $value2 并将 URL 设置为 def.jpeg 以用于 else if 条件。
最后,在 else 条件下将 URL 设置为 xyz.jpeg。
在 HTML 中,使用 img 标签插入图像。 将 src 属性设置为 $imageUrl PHP 变量。
不要忘记在 PHP 标记内写入 PHP 变量。
示例代码:
$values = ["value1", "value2", "value3"];
$value = $values[rand(0,2)];
setcookie("displayImage", $value, time()+3600);
if($_COOKIE["displayImage"] == "value1") {
$imageUrl="parker.jpeg";
}
else if($_COOKIE["displayImage"] == "value2") {
$imageUrl="cover.jpeg";
}
else {
$imageUrl="thewanted.jpeg";
}
<img src="<?=$imageUrl?>">
上面的示例将随机选择一个值并将其设置为 cookie 值。 程序执行会经过条件检查,HTML页面会根据条件显示图片。
这样就可以根据HTML中设置的 cookie 值显示图片。
相关文章
HTML 中的 role 属性
发布时间:2023/05/06 浏览次数:124 分类:HTML
-
本篇文章介绍 HTML role属性。HTML中 role 属性介绍,role 属性定义描述语义的 HTML 元素的角色。
在 HTML 中打印时分页
发布时间:2023/05/06 浏览次数:188 分类:HTML
-
本篇文章介绍如何在打印 HTML 页面或内容时强制分页。将 page-break-after 属性设置为 always Inside @media print to Page Break in HTML
在 HTML 中创建下载链接
发布时间:2023/05/06 浏览次数:140 分类:HTML
-
本文介绍如何在 HTML 中创建下载链接。使用 download 属性在 HTML 中创建下载链接.。我们可以使用 HTML 锚元素内的下载属性来创建下载链接。
HTML 中的 ::before 选择器
发布时间:2023/05/06 浏览次数:70 分类:HTML
-
本教程介绍 CSS ::before 伪元素。CSS ::before 伪元素。 ::before 选择器是一个 CSS 伪元素,我们可以使用它在一个或多个选定元素之前插入内容。 它默认是内联的。
在 HTML 中创建一个可滚动的 Div
发布时间:2023/05/06 浏览次数:54 分类:HTML
-
本篇文章介绍如何使 HTML div 可滚动。本文将介绍在 HTML 中使 div 可滚动的方法。 我们将探索垂直和水平滚动,并通过示例查看它们的实现。
HTML 显示箭头的代码
发布时间:2023/05/06 浏览次数:153 分类:HTML
-
一篇关于用于显示箭头的 Unicode 字符实体的紧凑文章。本文讨论使用 Unicode 字符实体在我们的 HTML 页面上显示不同的字符。 HTML 中使用了许多实体,但我们将重点学习表示上、下、左、右的三角
在 HTML 中启用和禁用复选框
发布时间:2023/05/06 浏览次数:149 分类:HTML
-
本篇文章介绍如何启用和禁用 HTML 中的复选框。HTML 中的复选框 复选框是一个交互式框,可以切换以表示肯定或否定。 它广泛用于表单和对话框。
HTML 中的只读复选框
发布时间:2023/05/06 浏览次数:198 分类:HTML
-
本篇文章介绍了如何在 HTML 中制作只读复选框。本文是关于如何使 HTML 复选框控件成为只读组件的快速破解。 但是,首先,让我们简要介绍一下复选框控件。
在 HTML 中显示 XML
发布时间:2023/05/06 浏览次数:161 分类:HTML
-
本篇文章介绍了如何在 HTML 页面上显示 XML 代码。可扩展标记语言 (XML) 简介 它是一种类似于 HTML 的标记语言,但没有内置标签。