HTML はファイル アップロードを実装し、HTML はファイル ディレクトリを開く実装を実装します。

ここで注意すべき点は次の 2 点です。

  • フォーム送信方法は、 post
  • フォームは次のように属性を追加します enctype="multipart/form-data"

index.html に入力タグを追加

<!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 アップロード file_weixin_30500289 のブログ - CSDN ブログicon-default.png?t=M0H8https://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) icon-default.png?t=M0H8https://www.cnblogs.com/klvchen/p/10168174.html

おすすめ

転載: blog.csdn.net/u014331212/article/details/122893286