要完成通过点击事件统一上传图片,并后台要求图片以数组格式传给后台,但是Element-UI与Iview的文档中只有直接上传并且是单个图片上传的例子,所以在这里自己做个笔记,以防止以后会用到:下面是已经做完的实例

下面是用的iview写的,用element-ui也可以完成;

图片预览的时候,是可以点击查看图片并删除的,所以这里有2个事件(点击预览和删除),另外上图中的uploadList这个只是用来保存预览图片的,并不是上传图片的

当然对应的模态框的设置和样式如下:

好了  样式到此为止,接下来是上传的问题,首先要在Form表单中设置好上传文件的属性

然后在点击上传按钮的时候

最后通过点击确定按钮,发给后台

最后通过点击确定按钮,发给后台

就可以把多个图片以数组的形式统一上传了

GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45 7 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 7 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐