上传文件

1.

前端form表单enctype='multipart/form-data' 对应requests的post方法的file参数，对应flask的request.files

2.代码

1）flask
后端则是通过files字典对象来获得上传的文件

@app.route('/upload', methods=['GET','POST'], strict_slashes=False)
def upload():if request.method == "POST":file = request.files['fileName']  # files是fileStorage的对象，其中fileName就是表单中input中file的name所定义的字符串file.save(f'./upload/{file.filename}')return "OK"else:return render_template('upload.html')

2）requests

import requests
url = 'http://localhost:5000/upload'
files = {'fileName': open('./upDownFiles/1.png', 'rb')}
r = requests.post(url, files=files)
r.text

3）前端

<form enctype='multipart/form-data' method='POST' id="pic"><input type="file" name="fileName"><input type="submit" value="上传">
</form>

参考:
https://2.python-requests.org/en/latest/user/quickstart/

下载文件

直接获取

with open(filename, 'wb') as fd:fd.write(r.content)

分批获取

with open(filename, 'wb') as fd:for chunk in r.iter_content(chunk_size=128):fd.write(chunk)

相当于前端直接点击<img>标签,需要注意,这里的src指向的downloadurl,而不是upload文件夹

<img src="/download"  alt=" " />

后端实现:

@app.route('/download/', methods=['GET'])
def download(filename):if request.method == "GET":return send_from_directory('upload', filename, as_attachment=True)

前端-requests-flask对应关系 file相关推荐

Blob如何在html里转换成图片,前端图片canvas，file，blob，DataURL等格式转换
前端图片canvas,file,blob,DataURL等格式转换最近用到一些图片相关的操作,记录一下笔记. 将file转化成base64 场景: 获取到一个file类型的图片,如果直接在html中预 ...
接口测试 -- 关闭 requests 打开的 file
def close_req_files(self): #关闭 requests 打开的文件 for f in self.files.values(): f.close() def test4_1_se ...
python前端学习-------Flask框架基础（建议收藏）
Flask框架基础下载并安装Flask框架 Flask基础第一个Flask应用开启调试模式路由变量规则构造URL HTTP方法模板语法格式模板变量控制结构条件控制语句 `if` ...
前端图片canvas，file，blob，DataURL等格式转换
最近用到一些图片相关的操作,记录一下笔记. 将file转化成base64 场景: 获取到一个file类型的图片,如果直接在html中预览?这里就是利用html5的新特性,将图片转换为Base64的形式 ...
前端—基于Flask框架调用百度接口实现语音识别功能（使用蓝图blueprint）
配合"基于Flask框架调用百度接口实现语音识别功能"使用的前端参考代码后端代码链接 Python-基于Flask框架调用百度接口实现语音识别功能:基于Flask框架调用百度接口 ...
vue中前端实现图片压缩 file文件
项目中遇到上传图片需要在前端进行图片压缩,将我的实现思路记录一下.(我已经拿到上传的file文件的前提下) 先创建一个公用的js,这里我的是api.js,里面封装一些常用的方法将图片压缩的方法写到这 ...
python前端学习-----Flask进阶
Flask进阶 Flask请求 Request请求对象 `request.args.get()` 获取表单提交的信息请求钩子 Flask响应 json 数据格式 Cookie 和 Session C ...
H5(移动端)前端使用input type=file 上传图片，调用相机和相册
<input class="addPicInput" type="file" ref="uploadFile"@change=&quo ...
【JS】前端base64转图片File对象
码 base64ToFile.js /** * base64转图片File * @param {String} base64 图片base64 * @param {String} fileName 图 ...

前端-requests-flask对应关系 file

上传文件

1.

2.代码

下载文件

前端-requests-flask对应关系 file相关推荐

最新文章

热门文章