Question

我有“image1.png”，我想在一个变量中保存扩展名“.png”，这样我就可以在“image src”标签中添加文件扩展名

我知道如何使用PHP执行此操作：

<body>
<?php $variable = "png"; ?>

<img src="image1.<?php echo $variable ?>">  

</body>

有没有办法用javascript做同样的事情？

到目前为止，我一直在努力尝试“Element.innerhtml”和“document.write”。

谢谢

Answer 1

我不太清楚为什么要实现这一目标，但以下内容符合您的预期。

编辑：根据您的评论，我已将此更新为仅附加扩展名，而不是重建完整的src网址，并对页面上的所有图片执行此操作。您可以添加逻辑以查看扩展是否已存在，并排除这些扩展。

＆＃13;

var imgExt = 'ico';
var imageArray = document.getElementsByTagName("img");
for (var i = 0; i < imageArray.length; i++) {
    imageArray[i].src = imageArray[i].src + '.' + imgExt;
}

＆＃13;

<!-- Note that the src attribute is missing an extension. -->
<img id='A' src='https://cdn.sstatic.net/Sites/stackoverflow/img/favicon' >
<img id='B' src='https://cdn.sstatic.net/Sites/stackoverflow/img/favicon' >
<img id='C' src='https://cdn.sstatic.net/Sites/stackoverflow/img/favicon' >

＆＃13;

输出HTML如下：
<img id="someImage" src="https://cdn.sstatic.net/Sites/stackoverflow/img/favicon.ico">

如何使用javascript添加文件扩展名？

1 个答案: