element-ui图片上传功能（也适用于多张图片）

    上传图片

el-upload里Api的详细介绍

• on-preview：点击文件列表中已上传的文件时的钩子

• on-remove：文件列表移除文件时的钩子

• list-type="picture"：文件列表的类型（比如编辑查看已上传的图片，展开形式以图片形式展开）

• list-type="picture-card"：文件列表的类型（比如编辑查看已上传的图片，展开形式以卡片形式展开），同上的区别是，为picture时，如果上传一张以上的图片，在再次点击编辑查看时，图片会重叠甚至图片丢失看不到，且只能一次性全删

• action：必选参数，表示上传的地址

• limit：允许上传的最大个数

• on-exceed:可通过设置limit和on-exceed来限制上传文件的个数和定义超出限制时的行为。

• before-remove:用来阻止文件移除操作。删除文件之前的钩子，参数为上传的文件和文件列表，若返回 false 或者返回 Promise 且被 reject，则停止删除。this.$confirm弹出框具体使用方法

• file-list：上传的文件列表, 例如: [{name: 'food.jpg', url: 'https://xxx.cdn.com/xxx.jpg'}]，类型是一个数组

• http-request ：覆盖默认的上传行为，可以自定义上传的实现的函数

• before-upload：上传文件之前的钩子，参数为上传的文件，若返回 false 或者返回 Promise 且被 reject，则停止上传。主要用它来限制用户上传的图片格式和大小

• accept：接受上传的文件类型（thumbnail-mode 模式下此参数无效），如图所示，接受上传文件的类型会自动同步在自定义文件内，如需上传accept之外的文件，点击所有文件即可，这个属性没太大作用，可以不写

el-button配合upload点击按钮上传图片功能

在编辑和新增共同的保存点击事件中

• 首先遍历数组通过map将数组里每一项的url返回出来，生成新数组imgList，此时的imgList就是所有项为图片url的数组。

• 由于后端规定url需传的参数为字符，此时我们需要将imgList这个数组通过join方法转成字符串返回给this.form.regulationsImg,最后调保存的接口即可。