利用jsDelivr和Github来建立一个简单的网盘,写个html上传下载例子

时间: 2024-05-01 08:16:40 浏览: 10
首先,我们需要在Github上建立一个仓库用于存储上传的文件,然后使用jsDelivr来将该仓库转化为可供访问的CDN。 步骤如下: 1. 在Github上创建一个仓库,用于存储上传的文件。 2. 将需要上传的文件上传至该仓库。 3. 访问 https://www.jsdelivr.com/,并点击“Get Started”按钮。 4. 在“Step 1”中,输入Github仓库的用户名和仓库名,然后点击“Lookup”按钮。 5. 在“Step 2”中,选择需要使用的分支和路径(如果仓库中有多个文件夹,则需要指定路径),然后点击“Generate”按钮。 6. 在“Step 3”中,复制生成的链接,该链接即为CDN链接。 7. 在HTML中使用该CDN链接,即可上传和下载文件。 上传文件的HTML代码如下: ``` <form action="https://cdn.jsdelivr.net/gh/用户名/仓库名/路径/上传的文件名" method="post" enctype="multipart/form-data"> <input type="file" name="file"> <input type="submit" value="上传文件"> </form> ``` 其中,`action`属性为CDN链接,`method`属性为`post`,`enctype`属性为`multipart/form-data`,这些属性的设置可以实现文件上传。 下载文件的HTML代码如下: ``` <a href="https://cdn.jsdelivr.net/gh/用户名/仓库名/路径/文件名">下载文件</a> ``` 其中,`href`属性为CDN链接,点击该链接即可下载文件。 需要注意的是,由于使用的是公共CDN,所以上传的文件可能被其他人访问和下载,因此不适合上传私密文件。

相关推荐

最新推荐

recommend-type

5个好玩的github游戏区开源项目

5个好玩的github游戏区开源项目,包含c++,java,javascript,rust。
recommend-type

如何把本地idea上的项目上传到github上(推荐)

主要介绍了如何把本地idea上的项目上传到github上,本文通过图文的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
recommend-type

提高github下载速度的方法可达到2MB/s(100%有效)

主要介绍了提高github下载速度的方法可达到2MB/s(100%有效),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
recommend-type

GitHub托管HTML页面

GitHub托管HTML页面,通过GitHub托管自己的项目把自己写的页面让别人访问
recommend-type

vue项目打包后上传至GitHub并实现github-pages的预览

vue项目打包后上传至GitHub,并实现github-pages的预览 1. 打包vue 项目 vue项目: 命令行输入打包命令npm run build,生成了dist文件夹: 打包完成。 打包常见问题1——项目资源无法加载 打开刚刚打包好的dist...
recommend-type

zigbee-cluster-library-specification

最新的zigbee-cluster-library-specification说明文档。
recommend-type

管理建模和仿真的文件

管理Boualem Benatallah引用此版本:布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学,1996年。法语。NNT:电话:00345357HAL ID:电话:00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆,用于存放和传播科学研究论文,无论它们是否被公开。论文可以来自法国或国外的教学和研究机构,也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire
recommend-type

【实战演练】MATLAB用遗传算法改进粒子群GA-PSO算法

![MATLAB智能算法合集](https://static.fuxi.netease.com/fuxi-official/web/20221101/83f465753fd49c41536a5640367d4340.jpg) # 2.1 遗传算法的原理和实现 遗传算法(GA)是一种受生物进化过程启发的优化算法。它通过模拟自然选择和遗传机制来搜索最优解。 **2.1.1 遗传算法的编码和解码** 编码是将问题空间中的解表示为二进制字符串或其他数据结构的过程。解码是将编码的解转换为问题空间中的实际解的过程。常见的编码方法包括二进制编码、实数编码和树形编码。 **2.1.2 遗传算法的交叉和
recommend-type

openstack的20种接口有哪些

以下是OpenStack的20种API接口: 1. Identity (Keystone) API 2. Compute (Nova) API 3. Networking (Neutron) API 4. Block Storage (Cinder) API 5. Object Storage (Swift) API 6. Image (Glance) API 7. Telemetry (Ceilometer) API 8. Orchestration (Heat) API 9. Database (Trove) API 10. Bare Metal (Ironic) API 11. DNS
recommend-type

JSBSim Reference Manual

JSBSim参考手册,其中包含JSBSim简介,JSBSim配置文件xml的编写语法,编程手册以及一些应用实例等。其中有部分内容还没有写完,估计有生之年很难看到完整版了,但是内容还是很有参考价值的。