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