FastAPI-微信小程序上传图片到服务器

需求

微信小程序上传文件到fastapi的接口

Code

前端-微信小程序

点击上传-选择本地相册或者拍照

注意点：url为FastAPI写的接口，用于保存文件到服务器（此处为本地）

重点：注意name的命名：这个参数的作用是后端可以用这个参数获得图片的二进制内容，因此这个参数，前后端要一致。

chooseImg: function () { wx.chooseImage({ count: 1, sourceType: ['album', 'camera'], success(res) { const tempFilePaths = res.tempFilePaths; console.log(tempFilePaths[0]); wx.uploadFile({ filePath: tempFilePaths[0], url: 'http://127.0.0.1:8000/customer/auth/photo/upload', header: { 'content-type': 'multipart/form-data', 'token': wx.getStorageSync('token') }, name: "file", success(res) { console.log(res.data) } }) } }) },

后端-FastAPI

python -m pip install python-multipart // 上传文件的依赖

from fastapi import APIRouter, Header, File, UploadFile

接受参数file要与前端定义的相同

@router.post("/customer/auth/photo/upload") async def upload(file: UploadFile = File(...)): filename = file.filename temp = filename.split('.') if temp[len(temp)-1] not in ["png", "jpg"]: # 不是png，jpg return {"code": 203, "msg": "不支持的图片格式"} else: try: res = await file.read() with open(filename, "wb") as f: # 文件会保存在跟服务器启动目录同一级 f.write(res) return {"code": 200, "msg": "上传成功"} except Exception as e: return {"code": 201, "msg": "上传失败"}