• image-uploader 圖片上傳器
  • 屬性說明
  • 示例
    • 代碼示例

image-uploader 圖片上傳器

解釋：上傳圖片組件，支持大圖、多圖模式，可配置圖片個數(shù)、大小限制等。

屬性說明

示例

跳轉(zhuǎn)編輯工具

在開發(fā)者工具中打開

在 WEB IDE 中打開

掃碼體驗(yàn)

代碼示例

請使用百度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"/>
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 沉浸式主題
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  

 
 
 

設(shè)計指南

上傳圖片個數(shù)上限（pictureLimit），和從本地相冊中選擇圖片個數(shù)（pictureSelectLimit）需保持一致；
自定義圖片上傳器主題（theme）時，若圖片類型為卡片或證照，建議使用大圖模式。

正確

上傳證照素材時使用大圖模式，圖片清晰完整

錯誤

上傳證照素材時使用小圖模式，圖片展示不全，影響識別