以编程方式修改 <image> url 以添加 "?example-text=50" 和前缀 "<some text>"答案

【问题标题】：Programatically modify an <img> url to addend with "?example-text=50" and prefix with "<some text>"以编程方式修改 <image> url 以添加 "?example-text=50" 和前缀 "<some text>"
【发布时间】：2019-12-02 04:01:30
【问题描述】：

这里是初学者后端开发人员。

我基本上是在尝试在我的网站论坛上实施这些说明，这样我的图像就不会因为缩略图太大而大大减慢速度：https://www.script-tutorials.com/how-to-resize-images-on-server-side/

我在第二部分。

基本上我有一些这样的代码：

<a class="IndexImage" href="/forum/discussion/55/design-flaw-001-give-up"><img src="/forum/uploads/editor/dm/idnutwgmgaik.jpg" class="IndexImage"></a>

但我需要将图像 src 更改为

<img src="<?php loadImage('/forum/uploads/editor/dm/idnutwgmgaik.jpg', 50, 50) ?>"

我不确定这是否可以通过 Javascript 实现，或者完全可以？我要实现的逻辑基本上是 iff .IndexImage img ---> 然后，将 ~~<?php loadImage('~~ 添加到 img 源并附加 ~~', 50, 50) ?>~~

这可能真的很容易，也可能是不可能的。任何反馈表示赞赏。谢谢你。我希望这个问题很清楚。

我发现这个页面解释了如何将 src 更改为预设的 https://stackoverflow.com/questions/11722400/programmatically-change-the-src-of-an-img-tag#= ，但我正在尝试动态修改代码。

【问题讨论】：

标签： javascript url hyperlink edit

【解决方案1】：

如果您想使用 javascript 更改源，您可以使用 jquery 和 $.attr() .attr('src','NEW SOURCE GOES HERE') https://jsfiddle.net/uv58rkb6/

为什么要将 php 函数作为 source 输入到图像中？

<img src="<?php loadImage('/forum/uploads/editor/dm/idnutwgmgaik.jpg', 50, 50) ?>"

loadImage() 是一个 php 函数，它（基于参数）从输入（包括高度/宽度）构建一个 html 元素，您无法在 src 属性中编辑高度或宽度。您最终会得到无效的 html，例如：

<img src="<img src="idnutwgmgaik.jpg" width="50" height="50">">

您也不能在页面加载后调用loadImage() php 函数。 PHP 在页面加载时运行一次。如果您想使用 PHP 在后端动态更改图像，请使用 jquery 的 AJAX。

$.ajax({
    type: "POST",
    url: "loadimage.php",
    success: function(data) {
          //return the output of loadimage.php in the data callback
          $("#imageID").attr("src", data);
    }

});

【讨论】：