vue上传图片(预览) + 图片显示组件 npm

基于vue开发

npm i sbd-plugin-group

API

上传图片预览

 <UploadImg :defImg="XXX"></UploadImg>
参数 说明 格式 必填 默认
defImg 上传图片自定义icon String No
maxSize 最大限制 String No 2 (M)
$.emit
名称 说明 格式
sendWarning 1:超过最大M,2:格式有误 String
sendImgFile 图片base64 String

头像

 <Avatar></Avatar>
参数 说明 格式 必填 默认
shape 指定头像的形状,可选值为 circle、square String No circle
url 图片类头像的资源地址 String No
defaultUrl 默认的图片类头像 String No
width 图片类头像的显示宽度(px) String No 64
height 图片类头像的显示宽度(px) String No 64
isAuto 图片类头像是否拉伸高度 Boolean No false
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 点击查看原文 Web SDK 开发手册 SDK 概述 网易云信 SDK 为 Web 应用提供一个完善的 IM 系统...
    layjoy阅读 14,739评论 0 15
  • jtInput组件 组件属性 属性名类型默认值必填说明labelstring空否文本框label标题,不填写时隐藏...
    Slow_2020阅读 968评论 0 0
  • 7.1 压缩图片 一、基础知识 1、图片的格式 jpg:最常见的图片格式。色彩还原度比较好,可以支持适当压缩后保持...
    AndroidMaster阅读 7,311评论 0 13
  • Web网站测试流程和方法(转载) 1测试流程与方法 1.1测试流程 进行正式测试之前,应先确定如何开展测试,不可盲...
    夏了夏夏夏天阅读 5,080评论 0 0
  • 1. 获取单个报名页面信息 请求地址 请求头参数 属性类型默认值必填说明Authorizationstring是b...
    Slow_2020阅读 1,404评论 0 0