добавить переменный яваскрипт в URL изображений

Question

My Random Number Генерировать код

var randomnumber=Math.floor(Math.random()*99999) 

Теперь я хочу поставить этот переменный вывод в изображении Scr URL ..

Вот мой URL

<img src="http://www.myexample.com/get/image.php?vcid=14851&t=481" alt="" id="imge"/> 

Так что будет мой код?

<img src="http://www.myexample.com/get/image.php?vcid='+ randomnumber +'&t=481" alt="" id="imge"/> 

??

Пожалуйста, помогите мне

Answer 1

Попробуйте добавить это в <script>:

document.getElementById("imge").src = "http://www.myexample.com/get/image.php?vcid=" + randomnumber + "&t=481"; 

Answer 2

В чистом JavaScript, вы можете сделать это, как

var randomNumber = 1; 
var image = document.getElementById("imageId"); 
var imageSrc = image.getAttribute("src"); 
image.setAttribute("src", imageSrc + randomNumber); 

Чтобы поместить свой номер в нужном месте вы могли бы используйте некоторые функции разделения строк, но поскольку порядок строк запроса не имеет значения, вы должны просто поместить свой запрос vcid в конец.

Answer 3

Я лично предлагаю:

var img = document.getElementById('imge'); 
 

 
img.src = img.src.replace(/vcid=(\d+)/, function(){ 
 
    return randomnumber=Math.floor(Math.random()*99999); 
 
}); 
 
// purely to see the src has been changed, this is *not* relevant or required 
 
img.title = img.src;

<img src="http://www.myexample.com/get/image.php?vcid=14851&t=481" alt="" id="imge"/>

Ссылки:

• JavaScript Regular Expressions.
• String.replace().