ap.previewImage 预览图片
优质
小牛编辑
127浏览
2023-12-01
ap.previewImage(OPTION | urls, CALLBACK)
预览图片。可直接传入一个图片链接数组作为 OPTION.urls 参数。
OPTION 参数说明
| 名称 | 类型 | 必选 | 描述 |
|---|---|---|---|
| urls | Array | 是 | 要预览的图片链接列表 |
| current | Number | 否 | 当前显示图片索引，默认 0 |
代码示例
<script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.inc.min.js"></script>
<button 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>