Element-UI与Iview中的多个图片预览并通过点击事件上传
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
要完成通过点击事件统一上传图片,并后台要求图片以数组格式传给后台,但是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 个月前
更多推荐
已为社区贡献2条内容
所有评论(0)