批量整理图片制作成瀑布流并整合成导航页

wamiao · 发表于 2025-6-28 11:55

本帖最后由 wamiao 于 2025-7-6 03:10 编辑

更新啦！！
好多小伙伴不太清楚文件结构，有小伙伴提出生成的网页文件不要单独移动到目标文件夹里，不然会显得很乱，改啦！！！
更新了啥？
原来网页生成在Link文件夹，需要把网页html文件单独移动到输入文件夹，现在只需要把Link文件夹移动到输入文件夹就好啦！
Ps：如果生成多个index文件，需要手动把index.html复制一份命名为index_1.html在当前文件夹里！
效果图：（如果还是不明白，就把输入文件夹和输出文件夹选一样的就行，扫描结束后打开Link文件夹下的index查看效果哦！）

屏幕录制 2025-07-06 020605 (1) (1)_compressed_compressed.gif

屏幕录制 2025-07-06 020605 (1) (1)_compressed_compressed.gif

最新版本蓝揍云链接 https://wwqj.lanzoum.com/ihnmU30dmd1i
（微软报毒，加白名单就好了哦！）

另外更新一个超级简单加密的网页，功能是局域网web服务器环境下给首页加密码用的，优点是有密码，缺点是不安全，使用方法我会在注释里写出来

[HTML] 纯文本查看 复制代码

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8" />
  <title>Able.Py</title>
  <style>
    body,html{margin:0;padding:0;height:100%;font-family:Arial,sans-serif;background:#f5f5f5}
    .overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:9999}
    .box{background:#fff;padding:25px 30px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3);text-align:center;width:300px}
    .box h2{margin-bottom:20px;font-size:18px;color:#333}
    input[type=password]{width:calc(100% - 20px);padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;font-size:16px}
    button{padding:10px 20px;background:#007BFF;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer}
    button:hover{background:#0056b3}
  </style>
</head>
<body>
  <div class="overlay" id="overlay">
    <div class="box">
      <h2>请输入访问密码</h2>
      <input type="password" id="input" placeholder="请输入密码" />
      <br />
      <button>确认</button>
    </div>
  </div>
  <iframe id="frame" style="display:none;width:100%;height:100%;border:none"></iframe>

  <script>

    function decryptPath(){return atob("VFAvaW5kZXguaHRtbA==")}
        <!--    VFAvaW5kZXguaHRtbA==    这个是Base64编码的字符串，将你导航页的地址转成Base64编码的字符串后替换掉即可   —->
    function generatePassword(){var e=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],t="";for(i=0;i<e.length;i+=4){var n=e.slice(i,i+4).reduce((e,t)=>e+t,0);t+=n}return t.substr(0,4)}
        <!--   0,0,0,0,   0,0,0,0,   0,0,0,0,   0,0,0,0   这组数字是密码，每四组数字之和组成四位密码，比如想改成1234，就换成 -2,2,1,-2,2,-1,1,0,0,0,0,3,2,2,-4,4   -->
    function check(){var e=document.getElementById("input").value;t=generatePassword();if(e===t){document.getElementById("overlay").style.display="none";var o=document.getElementById("frame");o.src=decryptPath(),o.style.display="block"}else alert("密码错误，请重新输入！")}
  </script>
</body>
</html>

mkdong · 发表于 2025-6-28 18:36

目前问题1：生成的目录捆绑图片html文件
需要手动复制当前图片文件  到当前所在生成html捆绑目录
不然会不显示图片没有原图片路径

目前问题2：
导航目录html文件  生成图片目录里面
选择目录列如  ad./图片（导航在里面很乱）index.html

最好在选择目录的上层目录 ad目录 /ad  index.html

生成一个目录导航 index.html

wamiao · 发表于 2025-7-3 03:17

nani101 发表于 2025-7-2 17:58
相当于私有相册系统了吧

支持

我十几年前学过一点点Windows建站，好像是xp自带的功能，配合DW，我的这个只是生成网页，做好的网页放web根目录底下就好了，公网访问的话涉及到域名内网穿透什么的。目前我加的权限就是一个密码访问页，因为只在局域网里使用，就用了固定密码，担心调试模式可以直接看到密码，简单的混淆了一下，输入密码成功后会跳转到其它文件夹里的index导航页。

[HTML] 纯文本查看 复制代码

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8" />
  <title>Able.Py</title>
  <style>
    body,html{margin:0;padding:0;height:100%;font-family:Arial,sans-serif;background:#f5f5f5}
    .overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:9999}
    .box{background:#fff;padding:25px 30px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3);text-align:center;width:300px}
    .box h2{margin-bottom:20px;font-size:18px;color:#333}
    input[type=password]{width:calc(100% - 20px);padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;font-size:16px}
    button{padding:10px 20px;background:#007BFF;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer}
    button:hover{background:#0056b3}
  </style>
</head>
<body>
  <div class="overlay" id="overlay">
    <div class="box">
      <h2>请输入访问密码</h2>
      <input type="password" id="input" placeholder="请输入密码" />
      <br />
      <button onclick="check()">确认</button>
    </div>
  </div>
  <iframe id="frame" style="display:none;width:100%;height:100%;border:none"></iframe>

  <script>
    function decryptPath(){return atob("VFAvaW5kZXguaHRtbA==")}
    function generatePassword(){var e=[0,5,2,2,-1,8,0,0,1,3,0,2,1,2,2,-1],t="";for(i=0;i<e.length;i+=4){var n=e.slice(i,i+4).reduce((e,t)=>e+t,0);t+=n}return t.substr(0,4)}
    function check(){var e=document.getElementById("input").value;t=generatePassword();if(e===t){document.getElementById("overlay").style.display="none";var o=document.getElementById("frame");o.src=decryptPath(),o.style.display="block"}else alert("密码错误，请重新输入！")}
  </script>
</body>
</html>

wzz1987 · 发表于 2025-6-28 15:26

实用谢谢楼主分享

y6862854 · 发表于 2025-6-28 15:35

非常感谢作者，很喜欢，，，能提个小小的意见吗，就是点击打开图片之后，那个缩放的比例能调一下吗？整体缩小一下，要不然点击打开图片之后图片比例看起来好大。谢谢作者这么好的工具

ysjd22 · 发表于 2025-6-28 15:41

特定时候定有大用处

dysunb · 发表于 2025-6-28 15:44

将每个文件夹底下的照片做成单个网页

cqfyaaa · 发表于 2025-6-28 16:21

哪里出现问题了

husay · 发表于 2025-6-28 16:26

下载试用，谢谢这么好的软件。

cq490 · 发表于 2025-6-28 16:32

谢谢楼主

m_h · 发表于 2025-6-28 16:39

比如说我在一级文件夹运行 (有图片) 二级文件夹也有图片这样的能做吗？

tsyhome · 发表于 2025-6-28 16:40

等有空了下载试试

帐号		自动登录	找回密码
密码			注册[Register]

[原创工具] 批量整理图片制作成瀑布流并整合成导航页

免费评分

本帖被以下淘专辑推荐: