LOGO OA教程 ERP教程 模切知识交流 PMS教程 CRM教程 开发文档 其他文档  
 
网站管理员

HTML5页面仅允许拍照

freeflydom
2023年6月8日 11:5 本文热度 601

Html5原生的就能够支持拍照选择图片,不需要JS调用。

下面的是单一调用的方式:

<!-- 调用照相机,拍照 -->

<input type="file" accept="image/*" capture="camera">

<!-- 调用摄像机,视频 -->

<input type="file" accept="video/*" capture="camcorder">

<!-- 调用录音机,录音 -->

<input type="file" accept="audio/*" capture="microphone">

  1. capture表示,可以捕获到系统默认的设备,比如:camera–照相机;camcorder–摄像机;microphone–录音。


如果想要选择图库或者拍照,直接使用下面这种:

<input type="file" accept="image/*" multiple>



iOS的测试通过,浏览器、App和微信都能使用。
Android因为各种深度定制,不一定都能够兼容capture="camera",部分品牌仍然显示相册图库。

如果用于公众号,建议使用微信JS,通过微信接口打开相机:

wx.chooseImage({

  count: 1, // 默认9

  sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有

  sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有

  success: function (res) {

  var localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片

}})





该文章在 2023/6/8 11:07:31 编辑过
关键字查询
相关文章
正在查询...
点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。
点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理,结合码头的业务特点,围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体,是物流码头及其他港口类企业的高效ERP管理信息系统。
点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。
点晴免费OA是一款软件和通用服务都免费,不限功能、不限时间、不限用户的免费OA协同办公管理系统。
Copyright 2010-2024 ClickSun All Rights Reserved