利用jsDelivr和Github来建立一个简单的网盘,写个html上传下载例子
时间: 2024-05-01 19:16:40 浏览: 159
首先,我们需要在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,所以上传的文件可能被其他人访问和下载,因此不适合上传私密文件。
阅读全文