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:
Property | Type | Required | Description |
urls | Array | Yes | Http url list of the images to be previewed. |
current | Number | No | Index of the current displayed image, 0 by default, indicating the first image in the URLs. |
success | Function | No | Callback function upon call success. |
fail | Function | No | Callback function upon call failure. |
complete | Function | No | Callback function upon call completion (to be executed upon either call success or failure). |