H5+ 跨平台APP - 原生图片预览

核心函数 plus.nativeUI.previewImage(urls,options)

参数:

urls: ( Array[ String ] ) 必选 需要预览的图片地址列表
支持网络地址,也支持本地地址。 相对路径 - 相对于当前页面的host位置,如"a.jpg"; 绝对路径 - 系统绝对路径,如Android平台"/sdcard/a.jpg",此类路径通常通过其它5+ API获取的; 扩展相对路径URL(RelativeURL) - 以"_"开头的相对路径,如"_www/a.jpg"; 本地路径URL - 以“file://”开头,后面跟随系统绝对路径。


options: ( PreviewImageOptions ) 可选 预览的显示参数
如设置默认显示图片的索引值。


vue案例

urls为图片完整路径集合





 // methods方法

clickImg(index,urls){
    
    plus.nativeUI.previewImage(urls, {
        current: index,
        loop: true,
        indicator: 'number'
    });
},

原生案例


效果图

H5+ 跨平台APP - 原生图片预览_第1张图片

H5+ 跨平台APP - 原生图片预览_第2张图片

你可能感兴趣的:(Vue,H5+)