<br><p>最近公司做的一个H5项目&#xff0c;有个需求&#xff0c;就是要点击某个div&#xff0c;直接唤起手机的拍照或者录像功能。</p><p>这里需要注意的点是&#xff1a;</p><p>下面的方法在安卓手机上测试是可以的(只测试了华为手机 华为P10plus、华为 P7-L09、华为Mate10)。</p><p>但是在苹果手机上&#xff0c;需要分iOS系统&#xff0c;在iOS10及以上系统&#xff0c;使用input的属性capture&#61;&#39;camera&#39;&#xff0c;可以直接访问手机的相机功能&#xff0c;而在iOS9及以下系统&#xff0c;使用input的属性capture&#61;&#39;camera&#39;&#xff0c;会从底部弹出actionSheet&#xff0c;让用户去选择是拍照&#xff0c;还是选择去相册选择。(测试了 iPhone 6 iOS 9.3&#xff0c; iPhone 6s iOS 10.3&#xff0c; iPhone 6Plus iOS 11.1&#xff0c; iPhone 6 iOS 11.2)</p><p>代码如下&#xff1a;</p><p>代码中引用了 JQuery 方法&#xff0c;所以 JQuery 的js文件自己添加一下。</p><div><div>这里是直接获取iOS相机功能</div></div><div><p>照相机</p></div><div><p>摄像机</p></div><p>// 隐式创建一个input控件&#xff0c;然后实现直接访问相册</p><p>【【微信】】 &#61; &#39;&#39;;</p><p>$(&#34;#btnID&#34;).on(&#34;click&#34;, function() {</p><p>inputUploadObj &#61; document.createElement(&#39;input&#39;)</p><p>inputUploadObj.setAttribute(&#39;id&#39;, &#39;input_upload_ID&#39;);</p><p>inputUploadObj.setAttribute(&#39;type&#39;, &#39;file&#39;);</p><p>// 添加这个属性&#xff0c;就可以唤起相机的功能</p><p>inputUploadObj.setAttribute(&#39;capture&#39;, &#39;camera&#39;);</p><p>// 这里如果不加属性 【【微信】】 是 &#34;image/*&#34; 或者 &#34;video/*&#34;&#xff0c;就默认打开摄像头&#xff0c;既可以拍照也可以录像</p><p>inputUploadObj.setAttribute(&#39;【【微信】】&#39;, &#39;image/*&#39;);</p><p>inputUploadObj.setAttribute(&#34;style&#34;, &#39;【【微信】】:hidden&#39;);</p><p>// 这里将创建的隐式input控件拼接到body的最后面&#xff0c;会增加页面的长度&#xff0c;所以要在适当的时候&#xff0c;移除掉这个隐式创建的input控件</p><p>document.body.appendChild(inputUploadObj);</p><p>// 这里是模拟点击了input控件</p><p>inputUploadObj.click();</p><p>});</p><p>效果图如下&#xff1a;</p><p>下面三张图为安卓的效果图&#xff1a;</p><p>Android_001.png</p><p>Android_002.jpg</p><p>Android_003.jpg</p><p>下面三张图为苹果手机 iPhone 6 iOS 9.3 的效果图&#xff1a;</p><p>iOS_09_001.jpg</p><p>iOS_09_002.jpg</p><p>iOS_09_003.jpg</p><p>下面三张图为苹果手机 iPhone 6Plus iOS 11.2 的效果图&#xff1a;</p><p>iOS_10_11_001.jpg</p><p>iOS_10_11_002.jpg</p><p>iOS_10_11_003.jpg</p> <br><br><h1 style="font-size: 38px;color: #4d4f53;">OPPO K11x 5G手机亮相参数 OPPO K11x 5G手机正面</h1><br> <p> 京公网安备11010602100083 &nbsp;|&nbsp;电信与信息服务业务经营许可证：京ICP证160379号 &nbsp;|&nbsp;京ICP备12048526号-2</p><p>营业性演出许可证 京演（机构）[2020]4453号&nbsp;|&nbsp;互联网药品信息服务资格证书 (京)-非经营性-2022-0049&nbsp;|&nbsp;营业执照&nbsp; </p> <p> 广播电视节目制作经营许可证（京）字第07726号&nbsp;|&nbsp;北京市诚信创建企业</p> <p> 违法和不良信息举报/涉未成年人及举报电话：【【手机】】-9 | 违法和不良信息举报邮箱：【【邮箱】】&nbsp; </p> <p> ? copyright 2010-2022 值得买科技. All rights reserved. 版权所有 本站内容未经书面许可,禁止一切形式的转载。</p>