混合浏览（带回调）1.1.9版本开始生效

使用说明

import { MImageBrowser } from "@yl/super-jssdk";
MImageBrowser.mixOpen(optional);

参数说明

混合浏览图片或视频

参数 类型 必填 作用
optional Object 是 必选参数

optional

参数 类型 必填 作用
mediaObjs Array 是 媒体对象列表，詳看下列 mediaobj 說明。
index Int 是 选中的图片
onDownloadImage(info) Function 否 下载成功回调,如果图片地址是服务器地址，插件下载完每一张图片后会自动回调给前端。info 为 JSON 对象，格式为{"url":"http://www.baidu.com/xxx.png","path":"/xxx/yyy/zzz.png"}
onOpen Function 否 插件打开回调
onSave Function 否 图片或视频保存到系统相册成功回调
onExchange(result) Function 否 查看大图时，更换照片回调,请参照下方 result 说明
onVideoDownload(videoPath) Function 否 用户触发保存在线视频到手机，前端开始去下载视频，下载完成后调用 MUtils.saveVideoToPhotosAlbum 把视频存入系统相册 1.2.5 版本开始生效。仅 mixOpen 方法有此回调
options Object 否 可选参数

mediaObjs 说明,一个包含媒体对象的数组，每个 mediaObj 的对象参数如下

参数 类型 作用
imgUrl string 图片地址或者视频缩略图地址，支持本地或在线地址。
videoPath string 视频地址，支持本地和在线.若视频地址为空，则表示当前媒体对象是图片，否则是视频,可播放。
description string 图片说明文字，处于图片右下角，可通过 \n 换行，最多支持两行；1.3.5 版本开始生效。因目前 Android 实现限制，显示图片说明文字时将不显示更换照片按钮，另视频预览不支持说明文字。如有需要，则需下个版本再作调整。

options 参数与 openWithCallback 接口相同。

返回说明

参数 类型 作用
resolve Function 打开成功回调
reject Function 打开失败回调

代码示例

MYSDK.MImageBrowser
.mixOpen({
  mediaObjs: [
    {
      imgUrl:
        "https://scp-minio-test.myyscm.com/test-cgsaas/324d0bdd-ded1-4463-88a0-8d855a1ac2f4/5b3bb4775cc6363bf14096926c5fdb2b.png",
      description: "1",
    },
    {
      imgUrl:
        "https://scp-minio-test.myyscm.com/test-cgsaas/74e12b71-dead-417b-a29a-99d3ce3eee73/3ea9e077c17ebc199a8137f29f1e0222.jpg",
      videoPath:
        "http://60.179.33.9:2811/e/file/download?code=5ee93a1d5a6954f9&id=67917",
      description: "2",
    },
  ],
  index: 0,
  onDownloadImage: (res) => {
    console.log("onDownloadImage", res);
  },
  onOpen: () => {
    console.log("onOpen");
  },
  onSave: (res) => {
    console.log("onSave", res);
  },
  onExchange: (res) => {
    console.log("onExchange", res);
  },
  onVideoDownload: (res) => {
    console.log("onVideoDownload", res);
  },
})
.then((res) => {
  // 代替 onClose 方法
  console.log("res", res);
})
.catch((err) => {
  // 代替 onError 方法
  console.log("err", err);
});

results matching ""

    No results matching ""