钉钉开发平台 —H5微应用-- 图片浏览 api 示例

图片浏览器
使用说明
调用此api，将进行预览图片。
客户端
Android
iOS
PC
支持说明
支持
支持
2.7.0
dd.biz.util.previewImage({
    urls: [String],//图片地址列表
    current: String,//当前显示的图片链接
    onSuccess : function(result) {
        /**/
    },
    onFail : function(err) {}
})
参数说明
参数
参数类型
说明
urls
Array[String]
图片地址列表
current
String
当前显示的图片链接
Andorid&iOS端示例 PC端示例

1. 引用js文件(https://ding-doc.dingtalk.com/doc#/dev/swk0bg 钉钉开发平台开发文档)

<script src="//g.alicdn.com/dingding/open-develop/1.6.9/dingtalk.js"></script>

2. 图片预览示例代码:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <div id="div">
      
        <button type="button" onclick="DDimg()">图片预览</button>
    </div>
    <script src="//g.alicdn.com/dingding/open-develop/1.6.9/dingtalk.js"></script>
    <script>
       
         //图片预览  
         function DDimg() {
            dd.ready(function () {
                dd.biz.util.previewImage({
                    urls: ["http://192.168.1.23/Html5/login.jpg","http://192.168.1.23/Html5/踏青《测试》.jpg","http://192.168.1.23/Html5/timg.jpg"],//图片地址列表
                    current: "http://192.168.1.23/Html5/login.jpg",//当前显示的图片链接
                    onSuccess : function(result) {
                        /**/
                    },
                    onFail : function(err) {}
                })
            })

        }
    </script>
</body>

</html>

原文链接：https://blog.csdn.net/qq_38366657/article/details/101064604