iView Upload上传图片组件
iview 的 Upload 上传图片组件,蛮适合用来搞图片上传的场景,像电商后台、博客编辑、社交发图这些都能派上用场。它基于 Vue 框架,用起来也比较顺手,样式也好看,不需要自己从零写起。这个资源里是别人二次封装过的版本,直接支持多图上传,上传按钮也做了定制,点一下能选一堆图,响应也快。
不过预览这块有点问题,图片点开预览不显示、样式乱或者加载慢,估计跟on-preview
事件、预览地址生成或者样式冲突有关。如果你之前没自己搞过图片上传,刚上手会有点懵,但只要抓住几个点——比如accept
属性过滤文件、before-upload
验证逻辑、on-success
和on-error
上传结果——就能把主要逻辑理顺。
还有多图上传要记得加multiple
属性,这样一次能选多张图。预览不太行的话,推荐你用浏览器控制台看看预览地址是不是错的,或是文件格式不兼容。样式方面,最好自己写点 CSS,别完全靠默认。
,iview Upload 上传图片组件.rar
这个资源用来学习或者直接拿去改,都挺实用的。如果你做的项目图片上传场景比较多,这个组件可以先上手试试,再看要不要自己封装一下。
下载地址
用户评论