my.previewImage

The Preview image's "local image path" is not supported.

Sample Code

copy
//.json
{
    "defaultTitle": "Picture"
}
copy
<!-- .axml -->
<view class="page">
  <view class="page-section">
    <view class="page-section-btns">
      <view onTap="chooseImage">Select image</view>
      <view onTap="previewImage">Preview image</view>
      <view onTap="saveImage">Save image</view>
    </view>
  </view>
</view>
copy
//.js
Page({
  chooseImage() {
    my.chooseImage({
      sourceType: ['camera','album'],
      count: 2,
      success: (res) => {
        my.alert({
          content: JSON.stringify(res),
          
        });
      },
      fail:()=>{
        my.showToast({
          content: 'fail', // text contents 
        });
      }
    })
  },
  previewImage() {
    my.previewImage({
      current: 2,
      urls: [
        'https://img.example.com/example1.jpg',
        'https://img.example.com/example2.jpg',
        'https://img.example.com/example3.jpg'
      ],
    });
  },
  saveImage() {
    my.saveImage({
      url: 'https://img.example.com/example1.jpg',
      showActionSheet: true,
      success: () => {
        my.alert({
          title: 'Save success',
        });
      },
    });
  }
});

Parameters

The incoming parameter is of the Object type with the following attributes:

PropertyType

Required

Description
urlsArrayYesHttp url list of the images to be previewed.
currentNumberNoIndex of the current displayed image, 0 by default, indicating the first image in the URLs.
successFunctionNoCallback function upon call success.
failFunctionNoCallback function upon call failure.
completeFunctionNoCallback function upon call completion (to be executed upon either call success or failure).