html调用手机摄像头功能

2017-07-15 04:45:02 835 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

使用HTML5+调用手机摄像头和相册主要介绍了采用HTML5plus（HTML5+）的方式调用手机摄像头并拍照，将具体的代码和一些注意事项进行了讲解，并对不同的开发环境使用简单进行了介绍。阅读详情

现在开发了一个上传图片的程序，默认按钮点击提示选择相册或相机，需要改成点击上传图片按钮直接打开手机后置摄像头拍照。

html代码：



 <a href="javascript:;" class="u-choose-btn" data-use="shuidian" data-useid="2">添加图片</a>

JS代码：
http://dc.luqilina.com/js/cus_upload_wap.js

目前在网上看可以用 <input type="file" accept="image/*" capture="camera"> 来打开手机相机，但是用的是file的功能，可是我的代码是a标签的，求大神把这个功能加到我的js中修改一下，使直接启动相机。

...全文

tecplot 通过数据点、坐标点绘制云图、三维云图使用坐标点绘制二维云图或三维云图阅读详情

luqilina

JavaScript 87,983 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

斯洛文尼亚旅游 2017-07-17

打赏
举报

引用 2 楼 luqilina 的回复:

[quote=引用 1 楼 showbo 的回复:] <a href="javascript:;" class="u-choose-btn" data-use="shuidian" data-useid="2" onclick="document.getElementById('myfile').click()">添加图片</a> <input type="file" accept="image/*" capture="camera" id="myfile" style="display:none"> 这样试试，不行的话file对象设置opacity为0透明，然后absolute定位到你的a标签上，点击a实际点击的还是file对象 demo：修改input file控件默认浏览文字

不是这个意思，不要用file默认的上传功能，上传的功能在js里面定义了。所以我只想用file里面的启用相机功能，启用后勾选照片确定是将照片使用js里面的路径上传指定位置，所以这个只能在js里面修改吧 - - [/quote]移动端选择文件只能用file吧，除非你不是居于b/s开发 pc端还有个html的拖放api，移动端又不支持拖放

luqilina 2017-07-17

打赏
举报

引用 1 楼 showbo 的回复:

<a href="javascript:;" class="u-choose-btn" data-use="shuidian" data-useid="2" onclick="document.getElementById('myfile').click()">添加图片</a> <input type="file" accept="image/*" capture="camera" id="myfile" style="display:none"> 这样试试，不行的话file对象设置opacity为0透明，然后absolute定位到你的a标签上，点击a实际点击的还是file对象 demo：修改input file控件默认浏览文字

不是这个意思，不要用file默认的上传功能，上传的功能在js里面定义了。所以我只想用file里面的启用相机功能，启用后勾选照片确定是将照片使用js里面的路径上传指定位置，所以这个只能在js里面修改吧 - -

斯洛文尼亚旅游 2017-07-15

打赏
举报

<a href="javascript:;" class="u-choose-btn" data-use="shuidian" data-useid="2" onclick="document.getElementById('myfile').click()">添加图片</a> <input type="file" accept="image/*" capture="camera" id="myfile" style="display:none"> 这样试试，不行的话file对象设置opacity为0透明，然后absolute定位到你的a标签上，点击a实际点击的还是file对象 demo：修改input file控件默认浏览文字

html调用手机摄像头功能

相关推荐