浏览图片

使用说明

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

参数说明

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

optional

参数 类型 必填 作用
imgUrls Array 是 图片地址列表，支持本地路径和服务器路径
index Int 是 选中的图片
options Object 否 可选参数

options

参数 类型 作用
text string 添加到图片上的文本，文本长度不宜超出屏幕宽度。为兼容小屏手机，建议 20 个汉字以内(数字字母两个算一个汉字)
textBackground string 文字整行的背景颜色，格式为 16 进制，推荐值(即默认值)：#40000000
textColor string 文字颜色，格式为 16 进制，推荐值(即默认值)：#FFFFFF
horizontalOrientation int 文本框水平布局方向.可传值：1 左, 2 水平居中, 3 右， 默认 3 右. 仅 text 不为空有效
verticalOrientation int 文本框垂直布局方向.可传值：1 上, 2 垂直居中, 3 下， 默认 3 下. 仅 text 不为空有效
isSave bool 长按是否显示保存按钮
toolBar jsonobject 底部toolbar选项

toolBar

参数 类型 作用
isShow bool 底部 toolbar 是否显示. 默认 false
isShowChange bool 底部更换照片按钮是否显示. 默认 true
changeOption array 显示更换照片模式选项,1:拍照 2:相册. 默认[1,2] 1.1.8+ 版本可用

返回说明

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

代码示例

MImageBrowser
.open({
  imgUrls: [
    "https://scp-minio-test.myyscm.com/test-cgsaas/324d0bdd-ded1-4463-88a0-8d855a1ac2f4/5b3bb4775cc6363bf14096926c5fdb2b.png",
    "https://scp-minio-test.myyscm.com/test-cgsaas/324d0bdd-ded1-4463-88a0-8d855a1ac2f4/5b3bb4775cc6363bf14096926c5fdb2b.png",
  ],
  index: 0,
})
.then((res) => {
  console.log("res", res);
})
.catch((err) => {
  console.log("err", err);
});

results matching ""

    No results matching ""