Hey! Hello. 🍰 掩妾泪,听君歌。

2025-02-08 更新 59 阅读

我真是越来越牛 B 了啊,今天捣鼓了一个插件,成就感满满的啊!!兴奋的不行。

制作背景

首先是看了枫叶的文章,用了他的 js 搞的等高不等宽图片布局,因为枫叶是手工添加,一开始我是用 PHP 正则匹配文章内所有的<img标签用getimagesize函数获取图像宽高在替换进 alt,之后用 js 获取 alt 内的宽高来布局,但 php 后端获取宽高赋值到 img 标签上,也要消耗后台性能。打开页面速度更加延迟。获取一张图片的宽高延迟都很高,别说图集那么多图片了。等 php 都获取完所有 img 宽高,估计都 3 分钟以后才正常浏览内容。,反而得不偿失。

等高占位不抖动布局来展示图片的思路-link

于是权衡利弊改用手工修改,如![长*宽*文件名](链接)这样来让 Js 工作,但左思右想,前思后想这样也太 TM 累了吧,先不说存量的,就新增的也很麻烦啊,在电脑发布的时候就假设我先看了图片大小来改嘛,那在手机上怎么弄,这都什么年代了还纯手工?这你受得了!。

思路

晚上做梦时想到了一个办法,即然后期处理起来效率不高,那就从源头开始吧,于是想到了在上传的时候用getimagesize函数先取了宽高在写入文件名不就好了,这样做的好处是可以分散压力,毕竟每次上传的时候也就几张最多十几张吧,其次文件名是写入数据库的,今后需要图片宽高时可以捡现成的用。

结果!

综上,思路有了一早就撸起䄂子加油干,可是 TP 的源文件负责上传的文件找不到啊咋办???问问度娘找到关于修改上传不改变名称的,正好符合我的思路,总不能插件改好的文件名又被改回来吧,在Upload.php文件修改,继续搜索无果、逐个查看文件夹无果。

643x378-67ac9a005566d.png
789x245-67ac9a007680e.png

总不能就这么算了吧,干脆弄个插件用钩子,水平有限借鉴了各路大神制作的插件,以及现在流行的 ai 大模型,经过几小时不断的修改,我草,竟然非常之成功,插件只是接管上传,很简单。现在我只管上传文件,其他的交给程序,这才是理想中的样子嘛😀(其实是懒!)

瞎折腾/主题制作

Life is like a Design.
0