HTML 有条件的脑洞 (if else)答案

【问题标题】：HTML conditional brainching (if else)HTML 有条件的脑洞 (if else)
【发布时间】：2020-10-07 03:18:46
【问题描述】：

我需要显示两个 div 之一 - 如果上传的文件是图像，则一个，另一个用于pdf。我不知道如何在 html 中编写 if else 语句。这是我的代码（但它只是在屏幕上打印 {% if）：

html:

{% if "<?php echo $rows['img']; ?>" != "upload/images/1.pdf" %}

<div id="myDiv" class="img-wrapper">
</div>

{% else %}

<div id="myPdfDiv" class="pdf-image">
</div>

{% endif %}

【问题讨论】：

抱歉{% 是什么？你是在使用一些客户端框架还是像 Blade 这样的模板？
如果在 inet 上找到这个 {% if 示例，则表示它适用于 html。不，我需要纯 html，不需要框架
如何实现2个div？
HTML 不能做 if/else。您在此处看到的是服务器端模板。它需要由某些东西（php？）处理。

标签： php html if-statement conditional-statements

【解决方案1】：

使用任何模板框架？什么是 {%%} 块内容？这是树枝吗？

如果你不使用模板系统，你应该这样做（并且这个文件扩展名是.php而不是.html）：

<?php if($rows['img'] != "upload/images/1.pdf"){ ?>
<div id="myDiv" class="img-wrapper"></div>
<?php }else{ ?>
<div id="myPdfDiv" class="pdf-image"></div>
<?php } ?>

【讨论】：

您的代码似乎无法正常工作。当我打开一个网页时，我会同时看到 2 个 div
您是否发送有关错误的屏幕截图？我感兴趣怎么看。
我不知道如何在此处附加图片
我的代码只有当我在 if div 1 else div 2 之后用
如果我删除 if div 1 else div 2 block 我仍然看到 pdf（顺便说一句，如果文件是 png，而不是 pdf，它会显示一个 png）。但在这种情况下，不会显示两个 div ，而只显示一个用于 pdf。 js 文件包含以下行：$("body").append(<p><embed src='${imgUrl}' + type='application/pdf', width='40%', height='40%', class='pdf_image'></p>);

【解决方案2】：

你的第一行很麻烦。这会起作用：

{% if my_flag != 0 %}

标志不为零

{% 其他 %}

标志为零

{% endif %}

【讨论】：