loader image
【零基础向】如何用装了宝塔系统的服务器做一个简易随机图API

相信有很多人和我一样,零基础建站之后想给自己做一个随机变换的背景图片

这时候我们就需要一个随机图API

最方便的方法是使用第三方API 但是自定义图片资源较为麻烦

于是我想了想可不可以自己做一个

由于本人是零基础 所以写出来的东西很混乱 思路也很搞笑

如果是大佬路过的话也可以当个笑话来看看哈哈哈

本人的构思很简单:

就是把图片文件上传到服务器内,然后写一个php文件使其能够自动返回随机某一张图片的URL


那么开始实操~

首先是在宝塔服务器的网站根目录中建立一个子文件夹,确保任何人都有访问文件夹内文件的权限

示例

其次在本地创建一个文件夹,在其中放入自己的图片,手动或使用第三方软件将图片重命名为数字.jpg

示例

随后打开宝塔服务器的面板 把本地文件中的图片上传到刚刚创建的子文件夹中

示例

接着在本地创建一个PHP文件,使用任意文本编辑器中输入以下代码

<?php
$suijishu = rand(1,3);
#获取随机数(这里的数值“3”更改为你上传的所有图片名称中最大的序号)
$zuizhongdizhi = "http://这里更改为你的网站域名/这里更改为你刚刚创建的子文件夹名称/".$suijishu.".jpg";
#把你的域名地址和图片缝合在一起(如果网站有设置了SSL证书,需要在“http”后加上“s”)
die(header("Location: $zuizhongdizhi"));
#输出最终地址
?>
示例 变量名字均为拼音 便于理解

最后将该.php文件放入网站的根目录,你的简易随机图API就做好啦!

在浏览器地址栏中输入http://这里更改为你的网站域名/这里更改为你的php文件名称.php 试试吧!

(如果网站有设置了SSL安全证书,需要在“http”后加上“s”)

示例
图片来源:《牛顿与苹果树》

觉得有意思的话可以留个言哇~

版权声明:本博客所有原创文章除特别声明外,均采用CC BY-NC-SA 4.0知识许可协议,转载请注明来自纸绫,非常感谢您~

评论

  1. 博主
    Windows Edge 101.0.1210.39
    2年前
    2022-5-12 11:15:07

    之后上传更多图片了记得在宝塔管理面板里更改.php里的随机数范围,不然新图片会躲着你的w

    • 李佳楠LJN
      MoriDreamers
      Windows Edge 101.0.1210.47
      2年前
      2022-5-16 21:00:30

      也许可以写个方法统计文件数量,这样就不用一直改啦

      • 李佳楠LJN
        李佳楠LJN
        Windows Edge 101.0.1210.47
        2年前
        2022-5-16 21:13:05

        唔,文件数量如果能获取到,那所有的文件名也应该能获取到,那样的话图片和文件后缀也不用统一格式了

      • 博主
        李佳楠LJN
        Android Chrome 101.0.4951.54
        2年前
        2022-5-16 22:00:53

        好主意(✪▽✪)

  2. Windows Edge 105.0.1343.33
    2年前
    2022-9-14 12:01:07

    给一个思路,可以将图片链接写在一个txt文件里
    让php读取文件的行数,再在最大行数范围内随机选择一行读取其链接
    链接可以通过上传图床图床获得,同样也可以指向自己网站的静态资源
    再做一个hader跳转,这样就不用怕新图片不会被加载了,而且维护起来也相对容易。୧(๑•̀⌄•́๑)૭

    • 熊可狸
      Windows Edge 105.0.1343.33
      2年前
      2022-9-14 12:04:24

      MIAOMC随机萌图 的基础实现方式也是如此

    • 博主
      熊可狸
      Android Chrome 103.0.5060.114
      2年前
      2022-9-30 11:36:27

      好法子哇!
      ~( ̄▽ ̄~)~

  3. 博主
    Windows Edge 111.0.1661.62
    2年前
    2023-4-05 18:15:48

    果然还是这个法子最好维护,尤其是图片多的时候方便预览()

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇