Alipay JSSDK V3.1.1

ap.previewImage(OPTION | urls, CALLBACK)

预览图片。可直接传入一个图片链接数组作为 OPTION.urls 参数。

OPTION 参数说明

名称类型必选描述
urlsArray要预览的图片链接列表
currentNumber当前显示图片索引,默认 0

代码示例

<script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.inc.min.js"></script>

<button id="J_btn_preview" class="btn btn-default">预览图片</button>
<script>
  var btnPreview = document.querySelector('#J_btn_preview');
  btnPreview.addEventListener('click', function(){
    ap.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'
      ]
    });
  });
</script>