以编程方式修改<img>网址,以“?example-text = 50”结尾,并以“ <some text>”作为前缀

时间:2019-07-24 04:50:35

标签: javascript url hyperlink edit

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

我基本上是想在我的网站论坛上实施这些说明,以使我的图像不会太大,以致于缩略图极大地降低了速度: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) ?>"

我不确定Java语言是否可以实现此功能,或者根本不可以?我要实现的逻辑基本上是iff .IndexImage img --->,然后在img源之前加上~~ {<?php loadImage(' ~~前缀~~ {', 50, 50) ?> ~~

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

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

1 个答案:

答案 0 :(得分:0)

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

为什么要为图像输入source作为php函数?

<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);
    }

});