更改图像的格式名称

Question

有if语句应更改图像的格式名称。

例如HTML：

<img class="image" src="image.webp"/>

使用JavaScript在每个类名为“ image”的图像中，仅应将webp更改为jpg

Answer 1

您可以使用.attr

$('.image').attr('src', function(_, attr) {
  return attr.replace('webp', 'jpg');
});

Answer 2

这会将任何图像扩展名转换为jpg。

let obj = document.getElementsByClassName("image");

obj = Array.from(obj);

obj.forEach((val) => {

  let temp = val.src;
  temp = temp.split(".");
  temp[temp.length - 1] = "jpg";
  val.src = temp.join(".");
})


console.log(document.getElementsByClassName("image"));

<img class="image" src="image.webp" />
<img class="image" src="image.png" />