迹忆客 专注技术分享

当前位置:主页 > 学无止境 > WEB前端 > HTML >

在 HTML 中显示基于 Cookie 的图像

作者:迹忆客 最近更新:2023/05/05 浏览次数:

本文将介绍一种根据 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 值显示图片。

转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

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 的标记语言,但没有内置标签。

扫一扫阅读全部技术教程

社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便