一、HTML文件
1、avator.html
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title> </head> <body> <form method="post" enctype="multipart/form-data" action="upload"><input type="file" name="avator" id="avator" /><input type="submit" name="save" id="save" /> </form> </body> </html>
1、upload.html
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>上传成功</title>
</head>
文件名：{{ myfile }}
<p>你的头像上传成功！</p>
<img width="80px" src="/static/image/{{ myfile }}" />
</body>
</html>二、上传文件
-
file = request.files['avator']
request.files是一个特殊的字典对象，用于存储通过HTTP请求上传到Flask应用程序的文件。'avator'是请求中表单字段的名称。在HTML表单中，有一个这样的文件输入：<input type="file" name="avator">。这里的name属性值就是'avator'。request.files['avator']返回一个Werkzeug的FileStorage对象，该对象表示用户上传的文件。这个对象包含了文件的内容及其相关信息，比如文件名。
-
file.save(...):file变量此时是一个FileStorage对象，包含了上传文件的所有信息。file.save(...)是FileStorage对象的方法，用于将上传的文件保存到服务器的文件系统中。save()方法的参数是你希望文件被保存在服务器上的路径。
因此，在这两行代码中，file是一个变量名，用于引用FileStorage对象。file承载了上传的文件数据，并提供了一些方法（如save）用于处理文件，比如将其保存到磁盘。
@app.route('/upload', methods=['POST'])
def upload():file = request.files['avator']myfilename=file.filenamefile.save('static/image/'+myfilename)return render_template('upload.html', myfile=myfilename)
还可以这样写：
@app.route('/upload', methods=['POST'])
def upload():
file = request.files['file']
file_name = file.filename
file_path = os.path.join('path/to/save/file/', file_name)
file.save(file_path)
return render_template('upload.html', myfile=myfilename)
