随机图片代码源码HTML分享PHP
如果想自己搭建一个随机图片的简易API可以看这里
直接上代码!就不详细介绍都很简单的
随机图片
<img id="myImage" src="" alt="Random Image">
<button onclick="randomImage()">Get Random Image</button>
JavaScript代码:
var images = [
"image1.jpg",
"image2.jpg",
"image3.jpg",
"image4.jpg",
"image5.jpg"
];
function randomImage() {
var randomIndex = Math.floor(Math.random() * images.length);
var image = document.getElementById("myImage");
image.src = images[randomIndex];
}
PHP代码:
<?php
$images = array(
"image1.jpg",
"image2.jpg",
"image3.jpg",
"image4.jpg",
"image5.jpg"
);
$randomIndex = rand(0, count($images) - 1);
$randomImage = $images[$randomIndex];
echo '<img src="' . $randomImage . '" alt="Random Image">';
?>
以上代码都是实现随机获取图片地址的方法,具体使用哪种方法取决于你的需求和技术栈。
<?php
//存有链接的文件名,这里是存放图片链接的txt文件
$filename = "/tu.txt";
if(!file_exists($filename)){
die('文件不存在');
}
//从文本获取链接
$pics = [];
$fs = fopen($filename, "r");
while(!feof($fs)){
$line=trim(fgets($fs));
if($line!=''){
array_push($pics, $line);
}
}
//从数组随机获取链接
$pic = $pics[array_rand($pics)];
//返回指定格式
$type=$_GET['type'];
switch($type){
//JSON返回
case 'json':
header('Content-type:text/json');
die(json_encode(['pic'=>$pic]));
default:
die(header("Location: $pic"));
}
自己建一个tu.txt 的文件,里面的地址一行一条,地址最后不需要跟任何符号
最后再来一个 自动识别文件夹的图片,看自己的需求
<?php
$img_array = glob("upload/*.{webp,gif,jpg,png}",GLOB_BRACE);
$img = array_rand($img_array);
$dz = $img_array[$img];
header("Location:".$dz);
?>
自动识别upload文件夹里的图片
当然还有很多别的方式实现随机图片,就不一一列举了
这是我的随机图片API: https://www.ishiguang.cn/api/tu
我的站点使用了一些策略,你也许看不到图片刷新,自己用无痕模式一次次的打开就看的到结果了!