• 下载
  • 社区

my.previewImage

预览图片。不支持本地图片路径。


说明:基础库版本 1.0.0 在 iOS 上不支持 my.previewImage 和 my.chooseImage 的组合使用。


扫码体验

my.jpeg


效果示例

my.previewimage.gif


示例代码

// API-DEMO page/API/image/image.json
{
    "defaultTitle": "图片"
}


<!-- API-DEMO page/API/image/image.axml -->
<view class="page">
  <view class="page-section">
    <view class="page-section-btns">
      <view onTap="chooseImage">选择照片</view>
      <view onTap="previewImage">预览照片</view>
      <view onTap="saveImage">保存照片</view>
    </view>
  </view>
</view>


// API-DEMO page/API/image/image.js
Page({
  chooseImage() {
    my.chooseImage({
      sourceType: ['camera','album'],
      count: 2,
      success: (res) => {
        my.alert({
          content: JSON.stringify(res),
          
        });
      },
      fail:()=>{
        my.showToast({
          content: 'fail', // 文字内容
        });
      }
    })
  },
  previewImage() {
    my.previewImage({
      current: 2,
      urls: [
        'https://img.alicdn.com/tps/TB1sXGYIFXXXXc5XpXXXXXXXXXX.jpg',
        'https://img.alicdn.com/tps/TB1pfG4IFXXXXc6XXXXXXXXXXXX.jpg',
        'https://img.alicdn.com/tps/TB1h9xxIFXXXXbKXXXXXXXXXXXX.jpg'
      ],
    });
  },
  saveImage() {
    my.saveImage({
      url: 'https://img.alicdn.com/tps/TB1sXGYIFXXXXc5XpXXXXXXXXXX.jpg',
      showActionSheet: true,
      success: () => {
        my.alert({
          title: '保存成功',
        });
      },
    });
  }
});


入参

入参为 Object 类型,属性如下:


属性

类型

默认值

必填

描述

urls

Array


要预览的图片 http 链接列表。

current

Number

0

当前显示图片索引,默认 值为 0,即 URLs 中的第一张图片。

success

Function


调用成功的回调函数。

fail

Function


调用失败的回调函数。

complete

Function


调用结束的回调函数(调用成功、失败都会执行)。