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

最新推荐文章于 2024-05-08 13:41:00 发布

皮皮冰要做大神

最新推荐文章于 2024-05-08 13:41:00 发布

阅读量3.8k

点赞数

分类专栏：钉钉开放平台_H5微应用JSAPI 文章标签：钉钉开发平台 —H5微应用-- 图片浏览 api 示例

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

版权

钉钉开放平台_H5微应用JSAPI 专栏收录该内容

4 篇文章 3 订阅

订阅专栏

图片浏览器

使用说明

调用此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>

皮皮冰要做大神

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
钉钉开发平台 —H5微应用-- 图片浏览 api 示例

图片浏览器使用说明调用此api，将进行预览图片。客户端 Android iOS PC 支持说明支持支持 2.7.0 dd.biz.util.previewImage({ urls: [String],...
复制链接

扫一扫