el-upload结合nginx实现通用图片服务器

猿实战是一个原创系列文章，通过实战的方式，采用前后端分离的技术结合SpringMVC Spring Mybatis,手把手教你撸一个完整的电商系统，跟着教程走下来，变身猿人找到工作不是问题。想要一起实战吗？在blog中获取联系方式，就能得到基础代码。

在上一章节品牌管理的设计和实现中。你一定会遇到一个小麻烦——文件上传。文件上传，其实是一个老生常谈的话题，在之前的文章中，猿人君也多次提及。在上一章节中，细心的你或许会发现一个标签，el-upload。没错，它就是Element组件库提供的一个upload组件，今天我们就来结合它讲一讲如何封装一个通用的文件上传工具，供我们的电商系统使用。

前端篇之el-upload

我们可以通过上传品牌来看一下el-upload的基本用法。

 

 

action:执行上传动作的后端接口。

上传文件数量：首先el-upload提供了multiple属性用于设置是否可以同时选中多个文件上传，这个也是<input type='file'>的属性，默认为true。另外el-upload组件提供了:limit属性来设置最多可以上传的文件数量，超出此数量后选择的文件是不会被上传的。:on-exceed绑定的方法则是处理超出数量后的动作。

上传格式及大小限制: 如果需要限制上传文件的格式，需要添加accept属性,accept属性的值可以是acce