一、为什么需要封装图片上传组件在 uniapp 项目中,图片上传是常见需求,比如用户头像修改、发布带图内容等。如果每个页面都重复写上传逻辑,会导致代码冗余、难以维护。通过封装一个通用的图片上传组件或工具函数,可以:统一处理图片选择(相机/相册)、压缩、上传、进度回调;复用上传过程中的 loading 状态和错误提示;方便全局替换接口地址、token 鉴权、文件大小限制等配置。二、基础准备:uni.uploadFile 简介uniapp 提供了uni.uploadFileAPI 用于文件上传,核心参数包括:url:上传接口地址;filePath:要上传文件的本地路径;name:文件对应的 key,后端通过该 key 获取文件;formData:额外的表单数据;