swan.previewImage

    Object object

    扫码体验

    请使用百度APP扫码

    swan.previewImage - 图3

    代码示例1 - 基本示例

    • 在 swan 文件中
    • 在 js 文件中
    2.     previewImage() {
    3.         swan.previewImage({
    4.             current: 'https://b.bdstatic.com/miniapp/image/swan-preview-image-2-zip.png',
    5.             urls: ['https://b.bdstatic.com/miniapp/image/swan-preview-image-2-zip.png','https://b.bdstatic.com/miniapp/image/swan-preview-image-zip.png'], 
    6.             success: res => {
    7.                 console.log('previewImage success', res);
    8.             },
    9.             fail: err => {
    10.                 console.log('previewImage fail', err);
    11.             }
    12.     }
    13. });

    在开发者工具中预览效果

    • 在 swan 文件中
    • 在 js 文件中
    1. Page({
    2.     previewOriginImage() {
    3.         swan.previewImage({
    4.             current: 'https://b.bdstatic.com/miniapp/image/swan-preview-image-zip.png',
    5.             urls: ['https://b.bdstatic.com/miniapp/image/swan-preview-image-zip.png'], 
    7.                 {
    8.                     "url": 'https://b.bdstatic.com/miniapp/image/swan-preview-image-zip.png', 
    9.                     "origin_url": 'https://b.bdstatic.com/miniapp/image/swan-preview-image-origin.png'
    10.                 }
    11.             ],
    12.             success: res => {
    13.                 console.log('previewImage success', res);
    14.             },
    15.             fail: err => {
    16.                 console.log('previewImage fail', err);
    17.             }
    18.         });
    19.     }
    20. });

    代码示例3 - 多个urls，images属性的使用

    在开发者工具中预览效果

    • 在 swan 文件中
    1. Page({
    2.     previewOriginImage() {
    3.         swan.previewImage({
    4.             current: 'https://b.bdstatic.com/miniapp/image/swan-preview-image-zip.png',
    6.             images: [
    7.                 {
    8.                     "url": 'https://b.bdstatic.com/miniapp/image/swan-preview-image-zip.png', // 顺序需与urls中一致
    9.                     "origin_url": 'https://b.bdstatic.com/miniapp/image/swan-preview-image-origin.png'
    10.                 },{
    11.                     "url": 'https://b.bdstatic.com/miniapp/image/swan-preview-image-2-zip.png', // 顺序需与urls中一致
    12.                     "origin_url": 'https://b.bdstatic.com/miniapp/image/swan-preview-image-2-zip.png'
    13.                 }
    14.             ],
    15.             success: res => {
    16.                 console.log('previewImage success', res);
    17.             },
    18.             fail: err => {
    19.                 console.log('previewImage fail', err);
    20.             }
    21.         });
    22.     }
    23. });

    iOS

    • 开发者工具 1.8.0 current 参数为当前显示图片的索引值。
    • 不支持预览本地文件。