Поиск src изображения с помощью Javascript

Question

Я нашел ответ на свой вопрос с помощью простого поиска Google, хотя есть небольшая проблема, с которой я столкнулся.

До сих пор у меня есть изображение на моей странице HTML с идентификатором newAvatar. Я пытаюсь найти этот образ через его идентификатор и сохранить его источник в переменной, а затем в конечном итоге в документ XML, который будет использоваться позже.

Когда я сохраняю этот источник в переменной или предупреждаю его для проверки, он отображает полный источник, что необычно. Например, я бегу мой сайт на сервере WAMP, так что переменная является экономия как:

http://localhost/uploads/newUploadedImage.jpg 

Когда в действительности, источник должен быть ясно и просто, загрузки/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')); 
});