Javascript 不为同一URL获取不同的图像
我正在创建一个包含任意数据的用户页面，并注意到由于图像URL相同（），因此图像是相同的。我怎样才能防止这种情况Javascript 不为同一URL获取不同的图像,javascript,reactjs,Javascript,Reactjs,我正在创建一个包含任意数据的用户页面，并注意到由于图像URL相同（），因此图像是相同的。我怎样才能防止这种情况 这是因为，您的浏览器会缓存您的url，并假设您访问的是同一个url，因此它会填充以前的结果。向url添加一个随机查询，如source.unsplash.com/random？v={random_number_here}将解决您的问题 这与反应无关 <!DOCTYPE html> <html lang="en"> <head>
这是因为，您的浏览器会缓存您的url，并假设您访问的是同一个url，因此它会填充以前的结果。向url添加一个随机查询，如source.unsplash.com/random？v={random_number_here}将解决您的问题 这与反应无关
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="images-wrapper"></div>
<script>
const wrapper = document.getElementById('images-wrapper');
var html = '';
// for(var i =0; i< 10; i++){ // same images
// html += '<img src="https://source.unsplash.com/random">';
// }
for(var i =0; i< 10; i++){ // different images
html += '<img src="https://source.unsplash.com/random?v='+(i+1)+'">';
}
wrapper.innerHTML = html;
</script>
</body>
</html>
文件
const wrapper=document.getElementById（'images-wrapper'）；
var html=''；
//对于（var i=0；i<10；i++）{//相同的图像
//html+=''；
// }
对于（var i=0；i<10；i++）{//不同的图像
html+=''；
}
wrapper.innerHTML=html；