一个基于element-ui,实现图片选取和上传的Vue插件,可显著提升管理后台图片选取、上传的用户体验。
效果截图
1、选取图片库中的图片
2、上传图片
require
- Vue 2.5+
- element-ui 2+
- jQuery
使用方法
1、引入依赖前端库
1 | <link rel="stylesheet" href="https://cdn.bootcss.com/element-ui/2.0.5/theme-chalk/index.css"> |
2、在原生js或Vue代码中调用
1 | // 参数设置 |
关于上传
- 支持选择单个文件和多个文件;
- 选择文件后,需要点击“确定上传”开始上传图片;
- 上传图片只要有一张成功则回调并关闭上传窗口
- 有错误发生ELEMENT.Message.error()提示
交互数据
上传返回数据格式
1 | { |
列表数据格式
1 | { |