时间戳

首页 > 解决方案 > 编辑图像的 Src

javascript - 编辑图像的 Src

问题描述

HTML 代码

<img class="blog-picture ul-normal-classic" src="https://example.pk/wp-content/uploads/2020/12/example300-300x203.jpg" alt="Beintehaa300">

我需要什么：

<img class="blog-picture ul-normal-classic" src="https://example.pk/wp-content/uploads/2020/12/example300.jpg" alt="Beintehaa300">

我只想从 src 中删除 (-300x203)。这是否可以使用 js 或 PHP 或我想在 WordPress 中实现此代码的任何其他语言？

标签： javascriptphphtmlcsswordpress

解决方案

使用 preg 替换，假设您的图像总是相同的缩略图，看起来当前的图像设置了 300px 宽度，并且您可以使用自动高度

$content = '<img class="blog-picture ul-normal-classic" src="https://example.pk/wp-content/uploads/2020/12/example300-300x203.jpg" alt="Beintehaa300">';
$content = preg_replace('/-300x*[0-9][0-9][0-9]./', '.', $content);
echo $content;

如果您希望它适用于任何缩略图大小（并获得完整的图像 url），您可以将其移动到

$content = preg_replace('/-*[0-9][0-9][0-9]x*[0-9][0-9][0-9]./', '.', $content);

推荐阅读