一、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.filename file.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)