H5微应用JSAPI媒体图片

举报
云会议运营喵大人 发表于 2020/02/18 18:54:27 2020/02/18
【摘要】 HWH5.chooseImageHWH5.previewImage使用H5微应用JSAPI需要引用资源,查看详细文档HWH5.chooseImage从本地相册选择图片或使用相机拍照请求参数参数类型必填说明flagNumber否1:访问本地相册; 2:拍照,默认为1imagePickerModeString否相册展示资源类型。All:图片、视频 IMAGE:只显示图片 VIDEO:只显示视频,...


HWH5.chooseImage
HWH5.previewImage


使用H5微应用JSAPI需要引用资源,查看详细文档

HWH5.chooseImage

从本地相册选择图片或使用相机拍照

请求参数

参数类型必填说明
flagNumber1:访问本地相册; 2:拍照,默认为1
imagePickerModeString相册展示资源类型。All:图片、视频 IMAGE:只显示图片 VIDEO:只显示视频,默认为All
maxSelectedCountNumber最多选取资源数。默认为9
showOriginBool是否可以选择原图。true:可以选择原图,false:原图按钮隐藏。默认为true
btntxtENString结束按钮文案,英文
btntxtCNString结束按钮文案,中文
cameraFacingNumber0:后置摄像头,1:前置摄像头。默认为0
showShadowStringflag:2时才起作用。不传或是为 '0',不显示相框。
'1': 显示人头框 ,'2': 身份证正面(国徽面),'3': 身份证反面,'4': 证件
compressString图片压缩清晰度:0 ~ 1 之间任意数值,最多两位小数。默认为1

返回结果

参数说明
url本地上传后的临时路径

请求示例

本地相册选择

  • ES6版本

    HWH5.chooseImage({
    flag: 1,
    imagePickerMode: 'All',
    maxSelectedCount: 12,
    showOrigin: false,
    btntxtEN: 'Done', 
    btntxtCN: '完成', 
    cameraFacing: 0, 
    compress: '0.25'}).then(data => {console.log(data);
    }).catch(error => {console.log('访问相册异常', error);
    });
  • ES5版本

    HWH5.chooseImage({
    flag: 1,
    imagePickerMode: 'All',
    maxSelectedCount: 12,
    showOrigin: false,
    btntxtEN: 'Done',
    btntxtCN: '完成',
    cameraFacing: 0,
    compress: '0.25'}).then(function (data) {console.log(data);
    }).catch(function (error) {console.log('访问相册异常', error);
    });

拍照

  • ES6版本

    HWH5.chooseImage({ 
    flag: 2,
    showShadow: '0',
    }).then(data => {console.log('data:', data);
    }).catch(error => {console.log('拍照异常', error);
    });
  • ES5版本

    HWH5.chooseImage({ 
    flag: 2,
    showShadow: '0',
    }).then(function (data) {console.log('data:', data);
    }).catch(function (error) {console.log('拍照异常', error);
    });

HWH5.previewImage

打开在线图片预览界面

请求参数

参数类型必填说明
indexString类型,图片索引
imageArrayString预览的在线图片列表
watermarkboolean图片预览页面添加水印

返回结果

无。

请求示例

  • ES6版本

  const images = [    'http://xxx.xxx.com/xxx/xxx1.jpg',    'http://xxx.xxx.com/xxx/xxx2.jpg',    'http://xxx.xxx.com/xxx/xxx3.jpg'
  ];
  HWH5.previewImage({
    index: '0',
    imageArray: JSON.stringify(images),
    watermark: true
  }).catch(error => {    console.log('打开失败', error);
  });

ES5版本

  const images = [    'http://xxx.xxx.com/xxx/xxx1.jpg',    'http://xxx.xxx.com/xxx/xxx2.jpg',    'http://xxx.xxx.com/xxx/xxx3.jpg'
  ];
  HWH5.previewImage({
    index: '0',
    imageArray: JSON.stringify(images),
    watermark: true
  }).catch(function (error) {    console.log('获取失败', error);
  });


【版权声明】本文为华为云社区用户原创内容,未经允许不得转载,如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

举报
请填写举报理由
0/200