javascript - "/"被背景 url 中的空格替换

Question

我正在为我的网站使用 pageflip 插件。当我给出背景图片的硬编码 url 时，它工作正常，如下所示。

但是当我如下使用来自数据库的动态 url 时，

while($row = mysqli_fetch_array($result)) {

$imgn=$row["IMG"]; ?>

<div class=page page-current style=background: #209657 url('<?php echo $imgn; ?>')  no-repeat center center; background-size: 850px 750px;></div>";

<?php   }?>

如果:$imgn=$row["IMG"];作为 $imgn=promotion/5.jpg; 被替换如下， 然后当它用作后台url时，

<div class="page" page-current style="display: block;" #209657 url('promotions"" 3.jpg') no-repeat center center; background-size: 850px 750px;></div>

promotions/3.jpg 转换为 'promotions=""3.jpg'。谁能建议我解决这个问题的想法？

Answer 1

那不是您的实际输出 HTML。这就是开发者工具中的 DOM 浏览器的样子。

您的实际 HTML 无效。您需要引用您的属性值

<div class="page page-current" style="background: #209657 ...

如果您想查看您的 PHP 代码实际生成的内容，请右键单击并点击“查看源代码”。

此外，请务必在 HTML 上下文中使用的任何任意数据周围使用 htmlspecialchars()，以确保正确转义任何特殊字符。