HTML实现文件上传和HTML实现打开文件目录

这里需要注意两个地方：

表单提交方式需要是 post
form 添加一个属性为 enctype="multipart/form-data"

在 index.html 加入input 标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<h1>hello worlds</h1>
<form action="/klvchen/" method="post" enctype="multipart/form-data">
    <p><input type="file" name="upload"></p>
    <p><input type="submit" value="submit"></p>
</form>

</body>
</html>

修改 views.py

from django.shortcuts import render

def klvchen(req):
    print("前端数据: ", req.POST)
    print("file:", req.FILES)

    for item in req.FILES:
        obj = req.FILES.get(item)      # 获取要写入的文件
        filename = obj.name            # 获取文件名
        f = open(filename, 'wb')
        for line in obj.chunks():      # 分块写入
            f.write(line)
        f.close()

    return render(req, "index.html")

成功上传文件

(5条消息) HTML 上传文件_weixin_30500289的博客-CSDN博客https://blog.csdn.net/weixin_30500289/article/details/95012921

HTML浏览文件夹

具体点就是，打开这个html，可以看到一个文件夹，点击下文件夹，页面跳转一下，显示我本地电脑里面一个目录的内容。
我只会写小部分,点击之后如何去显示本地电脑一个文件夹里的内容该怎么做呢？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div id="main" style="height: 100%; text-align: center;"><!-- BEGINOF main -->
<img src="/icons/logo.png" class="logo" />
<pre></pre>
<div id="dirlist"><!-- BEGINOF dirlist -->
<table>
<thead class="headings">
<tr>
<td style="width: 1px;"> </td>
<td>
<a href="?order=N">Name</a>
</td>
<td>
<a href="?order=s">Size</a>
</td>
</tr>
</thead>

<tbody>
<tr>
<td style="width: 1px;">
<img class="icon" src="/icons/folder.png" alt="[DIR]" />
</td>
<td>
<a class="link" href="VEDIO/">VEDIO</a>
</td>
<td class="size">
<span class="size">-</span><span class="unit"></span>
</td>
</tr>
</tbody>
</table>

</div><!-- ENDOF dirlist -->
</div><!-- ENDOF main-->
</body>
</html>

引用自：HTML 上传文件 - klvchen - 博客园 (cnblogs.com)https://www.cnblogs.com/klvchen/p/10168174.html

HTML实现文件上传和HTML实现打开文件目录

猜你喜欢