正则表达式生成缩略图!？!？! (但这太疯狂了!)

Question

所以这是我的情况，以及我想出的解决问题的解决方案。我创建了一个包含 TinyMCE 的应用程序，以允许用户创建用于发布的 HTML 内容。用户可以在他们的标记中包含图像，并拖动/调整那些影响 IMG 标签中最终宽度/高度属性的图像。这一切都很棒，用户可以包含图像并将它们调整大小/重新定位到他们想要的外观。但一个大问题是我现在向客户端发送(可能)更大的图像，只是让浏览器将图像调整为请求的宽度/高度属性。所有的带宽和丢失的加载时间....

所以我的解决方案是预处理我的用户标记内容，扫描所有 IMG 标签并解析出高度/宽度/Src 属性。然后将每个 img 的 SRC 标记设置为 phpThumb 请求，并将解析后的高度/宽度传递到缩略图 URL。这将创建我缩小尺寸的图像(以 CPU 和缓存为代价优化带宽)。您如何看待这个解决方案？我看过其他帖子，人们使用 mod_rewrite 来做类似的事情，但我想影响页面服务上的内容，而不是在收到图像请求时对其进行操作。 .... 对这个设计有什么想法吗？

我需要一些细节方面的帮助，因为我的正则表达式技能需要一些工作，但我的时间很短，并 promise 尽快偿还我的技术知识债务。为了使正则表达式更容易，我可以确定一些事情。只有需要此处理的 img 标签才会具有现有的 width=""height=""属性(带有双引号和小写文本，但我认为如果 TinyMCE 更改，匹配不区分大小写的文本会更好)

所以一个正则表达式只匹配必要的 Img 标签，也许另外三个正则表达式来提取 src、宽度和高度？

谢谢大家。

Answer 1

我认为为此使用正则表达式是一个坏主意，你最好使用类似 PHP Simple HTML DOM Parser 的东西来解析它。 ，然后您可以执行以下操作:

// Load HTML from a string
$html->load($your_posted_content);

// Find all images 
foreach($html->find('img') as $element) 
       echo $element->src . '<br>';