第三讲:flask基础3篇---request属性和方法

request属性和方法

1.form: 一个从POST和PUT请求解析MultiDict(一键多值字典)。

2.args :MultiDict,要操作 URL (如 ?key=value )中提交的参数可以使用 args 属性:searchword = request.args.get('key', '')

3.values: CombinedMultiDict,内容是form和args。
可以使用values替代form和args。

4.cookies: 请求的cookies,类型是dict。

5.stream.在可知的mimetype下,如果进来的表单数据无法解码,会没有任何改动的保存到这个 stream 以供使用。很多时候,当请求的数据转换为string时,使用data是最好的方式。这个stream只返回数据一次。

6.headers: 请求头,字典类型。

7.data : 包含了请求的数据,并转换为字符串,除非是一个Flask无法处理的mimetype。

8.files: MultiDict,带有通过POST或PUT请求上传的文件。

9.environ : WSGI隐含的环境配置。

10.**path 😗*获取请求文件路径

11.script_root:

12.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在前端Vue项目中,使用`el-upload`组件可以实现图片上传功能。以下是一个简单的实现步骤: 1. 在Vue组件中引入`el-upload`组件: ``` <template> <el-upload class="upload-demo" action="/api/upload" :on-success="handleSuccess" :file-list="fileList" :limit="3" :multiple="true" :show-file-list="false" :auto-upload="false"> <el-button size="small" type="primary">点击上传</el-button> <div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过3个文件</div> </el-upload> </template> ``` 在上述代码中,`action`属性指定了上传文件的后端接口地址,`:on-success`属性指定了上传成功后的回调函数,`:file-list`属性指定了上传文件列表,`:limit`属性指定了上传文件的数量限制,`:multiple`属性指定了是否支持多选,`:show-file-list`属性指定了是否显示已上传文件列表,`:auto-upload`属性指定了是否自动上传。 2. 实现上传文件的回调函数: ``` methods: { handleSuccess(res, file) { console.log(res); // 后端返回的上传结果 console.log(file); // 上传的文件对象 // 将上传成功的文件添加到文件列表中 this.fileList.push({ name: file.name, url: res.data.url }); } } ``` 在上述代码中,`handleSuccess`函数接收两个参数:`res`表示后端返回的上传结果,`file`表示上传的文件对象。在函数中,我们将上传成功的文件添加到文件列表中。 3. 后端接口实现: 在后端Flask应用中,可以使用`Flask-Uploads`等第三方库来实现文件上传功能。以下是一个简单的实现代码: ``` from flask import Flask, request, jsonify from flask_uploads import UploadSet, IMAGES, configure_uploads app = Flask(__name__) # 配置文件上传 app.config['UPLOADED_PHOTOS_DEST'] = 'uploads/images' photos = UploadSet('photos', IMAGES) configure_uploads(app, photos) @app.route('/api/upload', methods=['POST']) def upload(): file = request.files['file'] if file: filename = photos.save(file) url = photos.url(filename) return jsonify({'code': 0, 'msg': '上传成功', 'data': {'url': url}}) else: return jsonify({'code': -1, 'msg': '上传失败'}) ``` 在上述代码中,`UPLOADED_PHOTOS_DEST`配置项指定了文件上传后的保存路径,`photos`对象表示上传文件的集合,`upload`函数实现了上传文件的功能。在函数中,我们首先获取上传的文件对象,然后使用`photos.save`将文件保存到指定路径,并使用`photos.url`获取文件的访问URL,最后返回上传结果。 以上就是使用`el-upload`组件实现图片上传功能的简单实现步骤。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值