html调用手机摄像头功能

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

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中修改一下,使直接启动相机。


...全文
724 3 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
引用 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里面修改吧 - -
  • 打赏
  • 举报
回复
<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控件默认浏览文字

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧