Question

我通过简单的Google搜索找到了我的问题的答案，但是，我遇到了一个小问题。

到目前为止，我的HTML页面上有一张图片，其ID为newAvatar。我试图通过它的ID找到这个图像，并将它的源保存到一个变量中，然后最终保存到XML文档中以供以后使用。

当我将此源保存到变量中，或者将其警告以进行检查时，它会显示完整的源，这是不寻常的。例如，我在WAMP服务器上运行我的站点，因此变量保存为：

http://localhost/uploads/newUploadedImage.jpg

实际上，源码应该简单明了，uploads / newUploadedImage.jpg

图片代码是

<img src="uploads/newUploadedImage.jpg" width="60px" height="60px;" id="newAvatar"/>

我检查来源的方式是

alert(document.getElementById('newAvatar').src);

任何想法如何摆脱第一批垃圾？

非常感谢所有帮助！

Answer 1

之前使用@DavidThomas评论，我设法让它发挥作用。这就是我将警报更改为：

alert(document.getElementById('newAvatar').getAttribute('src'));

Answer 2

var hostname = document.location.hostname;
var url = 'http://' + hostname + '/';

var src = document.getElementById('newAvatar').getAttribute('src'); //'uploads/newUploadedImage.jpg'
var image = src.split('/')[1];

console.log(url);
console.log(image);

Answer 3

<script
  src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>

<img src="uploads/newUploadedImage.jpg" width="60px" height="60px;"
  id="newAvatar"/>

和

$(function()
{
    alert($('#newAvatar').attr('src'));
});

通过Javascript查找图像的src

3 个答案: