上传文件，以及通过 Feign 调用上传文件接口

（1）工具类

（2）定义接口

（3）调用 http://localhost:8080/image/upload 进行测试。

在目标文件夹中会出现上传的文件。

（1）定义一个 FeignClient 。

（2）调用上面定义的 FeignClient 接口。

（3）调用 http://localhost:8080/test 接口，控制台输出如下：

说明一切正常。

使用 postman 测试文件上传接口，文件上传请求头部参数是 content-type: multipart/form-data 类型

新建一个request请求，选post请求方式，输入接口地址

请求headers参数可以不用填，请求body选 form-data 类型, 输入参数名称，文件选 file 类型

点Select files 选择一个本地文件

输入其它请求参数

点 send 按钮执行

运行结果

浏览器访问 /media/21.png 拼接前面ip和端口就可以访问服务器刚才上传的图片了

小程序上传文件生成订单的步骤:

公司客户要求在订单中添加文件上传功能，就开始查阅资料之旅了，微信小程序扩展能力中有现成的文件上传组件uploader可以使用，而这个项目是在表单中添加上传图片功能，因此需要考虑一些代码逻辑。

首先，刚开始忽略了逻辑问题，直接在上传文件的时候通过接口提交到后台，接着遭到了质疑：“如果用户没提交表单，上传的图片就已经到后台了，有点不合逻辑吧”

然后，重新整理逻辑，先把图片临时缓存一下，提交表单的时候，拿到缓存数据，通过接口把图片提交到后台，再把表单数据提交到后台（两个接口是分开的，后台给的，就这样用呗）

uploader简介

uploader是微信小程序WeUI组件库中的一个图片上传的组件，可以在小程序开发文档中--扩展能力--表单组件中找到相关用法。

这是一个集合了图片选择、上传、预览、删除的完整组件，属性定义也比较全面，可以自定义上传个数，有上传成功提醒和失败提醒，点击预览功能等，基本可以涵盖图片文件上传的所有功能要求。

用起来也很方便，在json文件中加入以下引用（可在官方文档找到），然后在wxml文件中直接引入该组件就行，使用起来很方便

{

"usingComponents": {

"mp-uploader": "weui-miniprogram/uploader/uploader"

}

}

官方文档提供了简单的使用案例，如图所示。

---