p5 no.5_file上传文件-CSDN博客

本文链接：https://blog.csdn.net/weixin_57709891/article/details/120494755

no.5_file上传文件

1 在线文档

https://fastapi.tiangolo.com/tutorial/request-files/

2 安装模块python-multipart

pip install python-multipart -i http://pypi.douban.com/simple --trusted-host=pypi.douban.com

3 修改main.py

# https://fastapi.tiangolo.com/tutorial/request-files/
# pip install python-multipart -i http://pypi.douban.com/simple --trusted-host=pypi.douban.com

#####################################
   
# -*- coding: UTF-8 -*-
from typing import List
from starlette.requests import Request
from fastapi import FastAPI, Form, File, UploadFile
from starlette.templating import Jinja2Templates

app = FastAPI()
templates = Jinja2Templates(directory="templates")


@app.post("/files/")
async def files(
                    request: Request,
                    files_list: List[bytes]         = File(...),
                    files_name: List[UploadFile]    = File(...),
                ):
    return templates.TemplateResponse("index.html", 
            {
                "request":      request,
                "file_sizes":   [len(file) for file in files_list], 
                "filenames":    [file.filename for file in files_name],    
             })


@app.post("/create_file/")
async def create_file(
                        request: Request,
                        file: bytes         = File(...), 
                        fileb: UploadFile   = File(...), 
                        notes: str          = Form(...),
                      ):
    return templates.TemplateResponse("index.html", 
            {
                "request":               request,
                "file_size":             len(file),
                "notes":                 notes,
                "fileb_content_type":    fileb.content_type,
             })


@app.get("/")
async def main(request: Request):
    return templates.TemplateResponse('post.html', {'request': request})


######################################

if __name__=='__main__':
    import uvicorn
    uvicorn.run(app,host='127.0.0.1',port=8000)

# uvicorn main:app --reload

4 修改templates/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- <link rel="icon" href="../../favicon.ico"> -->

    <!-- <title>Signin Template for Bootstrap</title> -->

    <!-- Bootstrap core CSS -->
    <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> -->


    <!-- Custom styles for this template -->
    <!-- <link href="../static/css/signin.css" rel="stylesheet"> -->

  </head>

  <body>

    <div class="container">
      <h1>NO.1</h1>
      <h2>File Name：{{ filenames }}</h2>
      <h2>File Size：{{ file_sizes }}</h2>

      <h1>NO.2</h1>
      <h2>File Size：{{ file_size }}</h2>
      <h2>File Notes：{{ notes }}</h2>
      <h2>File Type：{{ fileb_content_type }}</h2>
    </div> <!-- /container -->


  </body>
</html>

5 修改templates/post.html

<body>
    <form action="/files/" enctype="multipart/form-data" method="post">
        <input name="files_list" type="file" multiple><br><br>
        <input name="files_name" type="file" multiple><br><br>
        <input type="submit" value="点击这里显示文件名字与大小">
    </form>
    <br><br><br>


    <form action="/create_file/" enctype="multipart/form-data" method="post">
        <input name="file" type="file" multiple><br><br>
        <input name="fileb" type="file" multiple><br><br>
        <input name="notes" type="text" multiple><br><br>
        <input type="submit" value="点击这里显示文件属性">
    </form>
    
</body>