百度智能小程序 獲取圖片信息

2020-09-05 14:17 更新

swan.getImageInfo

解釋:獲取圖片信息

方法參數(shù)

Object object

object參數(shù)說明

屬性名類型必填默認(rèn)值說明

src

String

圖片的路徑,可以是相對路徑、臨時(shí)文件路徑或存儲(chǔ)文件路徑、網(wǎng)絡(luò)圖片。

success

Function

接口調(diào)用成功的回調(diào)函數(shù)

fail

Function

接口調(diào)用失敗的回調(diào)函數(shù)

complete

Function

接口調(diào)用結(jié)束的回調(diào)函數(shù)(調(diào)用成功、失敗都會(huì)執(zhí)行)

success 返回參數(shù)說明

參數(shù)類型說明

width

Number

圖片寬度(單位:px)

height

Number

圖片高度(單位:px)

path

String

返回圖片的本地路徑

orientation

String

返回圖片的方向:
· up:默認(rèn)不變;
· down:180 度旋轉(zhuǎn);
· left:逆時(shí)針 90 度旋轉(zhuǎn);
· right:順時(shí)針 90 度旋轉(zhuǎn);
· up-mirrored:鏡像翻轉(zhuǎn);
· down-mirrored:鏡像 180 旋轉(zhuǎn);
· left-mirrored:逆時(shí)針 90 度鏡像旋轉(zhuǎn);
· right-mirrored:順時(shí)針 90 度鏡像旋轉(zhuǎn)。

type

String

返回圖片的格式

示例


圖片示例


代碼示例 1: 絕對路徑圖片 

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

<view class="wrap">
    <view class="card-area">
        <image mode="aspectFill" class="display-area-image" src="https://b.bdstatic.com/miniapp/image/getImageInfo.png" rel="external nofollow" ></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: 相對路徑圖片 
在開發(fā)者工具中打開

Page({
    getImageInfo() {
        swan.getImageInfo({
            src: '../images/ai.png',
            success: res => {
                console.log('getImageInfo success', res);
            },
            fail: err => {
                console.log('getImageInfo fail', err);
            }
        });
    }
});

代碼示例 3: 臨時(shí)文件路徑 
在開發(fā)者工具中打開

<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>

    錯(cuò)誤碼

    Android

    錯(cuò)誤碼說明

    201

    解析失敗,請檢查調(diào)起協(xié)議是否合法

    202

    解析失敗,請檢查參數(shù)是否正確

    1001

    執(zhí)行失敗

    iOS

    錯(cuò)誤碼說明

    202

    解析失敗,請檢查參數(shù)是否正確

    1003

    讀取圖片內(nèi)容為空(小程序文件夾為空或讀取圖片失敗)



    以上內(nèi)容是否對您有幫助:
    在線筆記
    App下載
    App下載

    掃描二維碼

    下載編程獅App

    公眾號(hào)
    微信公眾號(hào)

    編程獅公眾號(hào)