nginx文件服务修改autoindex.html增加文件搜索功能

最新推荐文章于 2024-05-27 10:44:21 发布

冰河路径

最新推荐文章于 2024-05-27 10:44:21 发布

阅读量425

点赞数

文章标签： nginx 运维

本文链接：https://blog.csdn.net/bhlj888/article/details/133383886

版权

本文介绍了如何在nginx的autoindex.html中添加文件搜索功能，通过JavaScript实现关键字搜索，允许用户根据输入的关键字快速定位到所需文件。同时也表达了对网络上开源资源的感激之情。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用nginx弄一个简单的文件下载服务，发现那个页面真的不好看，后来在网上搜到大家无私奉献的autoindex.html，自己又修改了几处颜色，包括背景图片，鼠标停留变色，看起来顺眼多了，但是还有一个关键的使用中的致命缺点：不能搜索文件名。在网上搜了搜，把以前忘掉的js回忆了回忆，修改如下：

找到document.body.innerHTML = ''，改成document.body.innerHTML = '<center>输入关键字查找：<input type=text id=guanjianzi><input type=button onclick =cz() id=btn value=查找></center>'

这就增加了一个输入框用于输入关键字，增加了一个查找按钮，点击以后触发cz()方法

然后在外围加一个方法：

function cz() {
//alert(document.getElementById("guanjianzi").value);
//找到输入的关键字
var guanjianzi=document.getElementById("guanjianzi").value;
//如果关键字不为空就开始搜索功能
if(""!=guanjianzi){

               //首先去掉关键字的空格
               guanjianzi=guanjianzi.replace(/\s+/g,"");