• image-uploader 图片上传器
  • 属性说明
  • 示例
    • 代码示例

image-uploader 图片上传器

解释：上传图片组件，支持大图、多图模式，可配置图片个数、大小限制等。

属性说明

示例

跳转编辑工具

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

请使用百度APP扫码

代码示例

• SWAN
• JS
• CSS
• JSON

 
 
 

  
  
  

  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 {{item.titleBar}}
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 

  
  
  
 picture-container-class="image-uploader-container"
  
  
  
 picture-item-class="image-uploader-item"
  
  
  
 theme="{{item.theme}}"
  
  
  
 data-index="{{index}}"
  
  
  
 bind:chooseimage="chooseImage"
  
  
  
 bind:delimage="delImage"
  
  
  
 picture-list="{{item.images}}"
  
  
  
 picture-limit="{{item.pictureLimit}}"
  
  
  
 picture-select-limit="{{item.pictureSelectLimit}}"
  
  
  
 showTips="true"/>
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 沉浸式主题
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  

 
 
 

设计指南

上传图片个数上限（pictureLimit），和从本地相册中选择图片个数（pictureSelectLimit）需保持一致；
自定义图片上传器主题（theme）时，若图片类型为卡片或证照，建议使用大图模式。

正确

上传证照素材时使用大图模式，图片清晰完整

错误

上传证照素材时使用小图模式，图片展示不全，影响识别