如何通过Vue的el-upload组件与Feign服务实现文件上传及数据交互？

本文共计224个文字，预计阅读时间需要1分钟。

一、前端代码：使用el-upload组件，设置class为step_content，支持拖拽上传，action属性为字符串，ref为upload，单文件上传，通过http请求创建应用版本，数据绑定到appVersion，不自动上传，限制上传文件数量为1，文件改变时触发onFileUploadChange事件，文件移除时触发onFileRemove事件。

一、前端代码

<el-upload class="step_content" drag action="string" ref="upload" :multiple="false" :xxxx",path = "resource",configuration = ResourceServiceFeignClient.MultipartSupportConfig.class) public interface ResourceServiceFeignClient { @PostMapping(value = "/upload", consumes = MediaType.MULTIPART_FORM_DATA_VALUE) Resource upload(@RequestPart("file") MultipartFile file); class MultipartSupportConfig { @Bean public Encoder feignFormEncoder() { return new SpringFormEncoder(); } } }

这里Feign是通过url实现的接口调用，并没有通过SpringCloud注册中心服务发现来实现接口调用,因为我所在的项目是独立在服务化体系外的

3.将Feign接口自动注入，正常使用就行了。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持自由互联。