• swan.getImageInfo
  • 方法参数
    • object 参数说明
    • success 返回参数说明
  • 示例
    • 图片示例
    • 代码示例 1：绝对路径图片
    • 代码示例 2：相对路径图片
    • 代码示例 3：临时文件路径
  • 错误码
    • Android
    • iOS

swan.getImageInfo

解释：获取图片信息

方法参数

Object object

object 参数说明

success 返回参数说明

示例

扫码体验

代码示例

请使用百度APP扫码

图片示例

代码示例 1：绝对路径图片

在开发者工具中打开

在开发者工具中打开

在 WEB IDE 中打开

• SWAN
• JS

 


  
<view class="wrap">

  
 <view class="card-area">

  
 <image mode="aspectFill" class="display-area-image" src="https://b.bdstatic.com/miniapp/image/getImageInfo.png"></image>

  
 <view class="top-description border-bottom">图片信息</view>

  
 <view class="list-area border-bottom" s-for="item in infoList">

  
 <view class="list-item-key-4">{{item.chineseName}}}</view>

  
 <view class="list-item-value">{{item.value}}</view>

  
 </view>

  
 </view>

  
 <view class="swan-security-padding-bottom flex-button">

  
 <button type="primary" class="bottom-btn" bindtap="getImageInfo">获取图片信息</button>

  
 </view>

  
</view>

 

代码示例 2：相对路径图片

在开发者工具中打开

在开发者工具中打开

在 WEB IDE 中打开

• JS

 


  
Page({

  
 getImageInfo() {

  
 swan.getImageInfo({

  
 src: '../images/ai.png',

  
 success: res => {

  
 console.log('getImageInfo success', res);

  
 },

  
 fail: err => {

  
 console.log('getImageInfo fail', err);

  
 }

  
 });

  
 }

  
});

 

代码示例 3：临时文件路径

在开发者工具中打开

在开发者工具中打开

在 WEB IDE 中打开

• SWAN
• JS

 


  
<view class="wrap">

  
 <view class="card-area">

  
 <view class="top-description border-bottom">图片信息</view>

  
 <view class="list-area border-bottom" s-for="item in infoList">

  
 <view class="list-item-key-4">{{item.chinaName}}}</view>

  
 <view class="list-item-value">{{item.value}}</view>

  
 </view>

  
 </view>

  
 <view class="swan-security-padding-bottom flex-button">

  
 <button type="primary" class="bottom-btn" bindtap="getImageInfo">选择一张图片并获取信息</button>

  
 </view>

  
</view>

 

错误码

Android

iOS