FastAPI Web框架教程第6章表单和上传文件_fastapi form

作者：你好赵伟 | 2024-08-01 03:10:05

踩

fastapi form

6-1 什么是Form表单

需求场景

很多网站都支持上传文件，比如说：注册时上传头像；填写问卷时上传附件等等。

那么FastAPI是如何来解决文件上传的需求呢？

其实，这个需求不是FastAPI要解决的问题，这是很常见的一个需求，解决办法就是使用Form表单来上传文件。

Form表单其实是前端HTML语言中的一个标签语言，用来向服务端上传普通数据和文件。

Form表单介绍

示例1：Form表单的基本使用（浏览器直接打开该文件即可渲染出form表单页面）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
</head>
<body>

<h1>用户登录</h1>
<form action="/login" method="post">
    <p>姓名： <input type="text" name="username"></p>
    <p>密码：<input type="password" name="password"></p>
    <p><input type="submit" value="登录"></p>
</form>

</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

action="/login"，action用来设置服务端的接口，不设置表示朝当前页面所在URL发请求
method="post"，methos用来设置发请求的方式，一共有两种：post和get，不设置默认是get请求
，name用来设置该字段的字段名
， type用来设置该字段的类型，或者说input标签的类型

补充：常见的input标签类型

<input type="text">		    <!--普通文本-->
<input type="password">		<!--密码文本，密码密文现实-->  <!-- -->
<input type="date">		    <!--日期，固定日期提交格式-->
<input type="submit">		<!--提交，用来触发form表单提交数据的动作 -->
<input type="button">		<!--按钮，普通按钮，本身没有功能，但是结合js可以绑定事件 -->
<input type="reset">		<!--重置 --> 
<input type="radio">1
2
3
4
5
6

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/你好赵伟/article/detail/912057

FastAPI Web框架教程 第6章 表单和上传文件_fastapi form

6-1 什么是Form表单

FastAPI Web框架教程第6章表单和上传文件_fastapi form