文件下载生成器

一、功能简介

这个项目是一个轻量级的“下载跳转生成器”，集成了“下载链接生成”与“自动跳转下载页面”两大核心功能。用户只需输入文件名与所在目录，即可一键生成可分享的下载链接。（非常适合用于云存储的文件下载）当其他人点击该链接时，将进入一个带有倒计时提示的页面，随后自动跳转并下载对应文件。整个过程用户体验流畅、界面清晰，适合用于教学资源分享、固件分发、私有云文件投送等应用场景。

在下载链接生成页面中，用户可以手动填写文件名和路径，也可以粘贴完整地址，系统将智能解析出文件名与目录，自动填充输入框，大大简化操作。支持选择协议（http 或 https），生成后的链接可一键复制，并通过美观的提示框确认复制成功。

而跳转页面则专为下载过程而设计。访问链接后，页面会展示文件名、倒计时动画，并在倒计时结束后自动跳转至真实的下载地址。用户无需手动点击下载按钮，即可自动发起下载。如果浏览器拦截了下载，还可以点击“再次下载”按钮手动触发。整个跳转页面采用响应式设计，移动端和桌面端体验一致，同时还集成了安全控制逻辑，例如可设置禁止访问的目录，避免敏感路径被暴露。

此外，为了进一步优化用户体验，页面在下载发起后将于 30 秒内提示“下载完成”，并在 33 秒后自动跳转回首页。这不仅让下载过程更有引导感，也防止用户长时间停留在空页面。项目支持自定义跳转首页地址、禁止目录列表、协议默认值等参数，具有良好的扩展性。

二、配置方法

1.文件介绍

文件共有3个文件，分别是 index.html , download.html , config.js；index.html 是一个生成下载链接工具，可以根据您输入的协议、文件名、目录路径或者输入完整地址来生成一个下载页面链接；download.html 是一个下载器，访问此页面需要传入路径和文件名参数，倒计时3s后会自动下载并伴有下载动画；config.js 是一个配置文件，可以配置下载协议、下载地址、跳转主页、禁止下载路径功能；当您的云存储域名到期后可以很方便的更换，并且您可以直接将本程序直接放与云存储服务器。

2.使用介绍

以 Cloudflare R2 存储桶为例，其他使用方法类似

可以看到 CloudFlare R2 的下载地址：

https://pub-eb7460a95dad4f499e4b26213e8f405d.r2.dev/js/Valine.min.js

那么需要到 config.js 修改内容

//下载协议（上面的下载地址是https）
const downloadProtocol = "https";
// 下载域名（只需要修改域名）
const domain = "pub-eb7460a95dad4f499e4b26213e8f405d.r2.dev"; 
//禁止目录（根据你想禁止的目录填写）
const forbiddenDirs = ["/abc/", "/hello/123/"];
//主页地址
const homepageURL = "https://www.baidu.com/";

修改完成后将文件上传至服务器/虚拟主机/云存储即可（三个文件需要放在同一个目录下），服务器/虚拟主机的部署方法请看下方，云存储直接上传绑定域名即可，国内的主机商都需要绑定备案域名才可以使用，而后就可以访问 index.html 即可快速的生成下载链接，将链接使用浏览器打开后即可下载

网页项目部署教程虚拟主机/服务器部署教程