前端调用手机拍照功能失败，调用相机没反应

最新推荐文章于 2024-06-13 16:50:14 发布
最新推荐文章于 2024-06-13 16:50:14 发布
阅读量2.3k 收藏 1
点赞数 2
分类专栏： 个人总结 文章标签： javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Chris__wang/article/details/105439181
版权
解决iOS应用中WKWebView调用相机或相册功能时的不响应问题，探讨前端代码实现与iOS插件限制之间的冲突。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

开发过程中需要再ios app的WKwebview里面嵌入前端页面，这时候前端页面可能有需要打开手机相机拍照或者打开手机相册功能，有时候是点击没反应，有时候是点击后能够打开相机或相册，然后拍完照片确定后或者选择完相册里的照片后点击确定后没反应，这个时候没报错还发现不了问题在哪，其实可以明确的告诉你，前端代码写的没错，就是下面这么简单，可能参数略有不同，但是都大同小异

就是这么写，没错

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

原因就是ios那边的插件导致我们这个功能被限制了，安卓的没遇到过，不过估计也是这样，这个锅前端不背 

前端js调用相机实现拍照，下载照片功能
fgndsg的博客
09-29 1731
前端 javascript 实现 调用相机 实现拍照 下载 功能
H5移动端安卓机input上传附件点击无反应问题及其他安卓与webview兼容性问题、
qq_45108245的博客
01-09 9150
H5移动端安卓机input上传附件点击无反应问题及其他安卓兼容性问题一、问题二、查找原因 一、问题 最近在赶项目的时候，做了H5并嵌入webview中。发现点击H5中 input type=“file” 标签 不能打开android资源管理器。 // An highlighted block <input type="file" accept="image/*;capture=camera">， IOS手机中，可以直接呼起相机和相册； 安卓手机则不行，部分浏览器没问题； 二、查找原因 网上一查
[转载]input[type=file]在移动端各浏览器无法适配打开相机的问题。
liNewman的博客
10-21 2047
[转载]input[type=file]在移动端各浏览器无法适配打开相机的问题。 原文地址：input[type=file]在移动端各浏览器无法适配打开相机的问题。作者：韩小文近期有一需求是拍照上传用户头像并能进行区域性的截取操作。 故使用了input[type=file]标签进行尝试，PC端无问题，后发现移动端方面： 1.乐视2s手机在...
input-file 部分手机不能拍照问题
weixin_30751947的博客
04-18 770
曾经遇到一个需求，用户拍身份证上传验证， 然后我卡在了拍照这个点上。 最初采用的是微信的 api，wx.chooseImage， 但随后发现，返回的是一种只有微信才能预览的 url 格式， 但验证是要放在 PC 上进行的，等于保存了这个 url 也没法看呀。 然后详细看了遍文档，看上去好像是说可以先上传到微信然后就可以下载到本地了， 于是又带着吐槽启用了另两个微信 api，wx....
iOS 开发遇到 调不起相机问题
weixin_30780649的博客
03-22 227
在iOS 开发中 使用html 中的input 标签调起工程里面的相机，手机无反应 1.先看看info.plist 加没加相机的权限，添加Privacy - Camera Usage Description权限 2.看看控制台的日志 是警告还是什么 如果是whose view is not in the window hierarchy造成的视图层级混乱 就得看看里面控制器的椎栈...
跪求大神帮忙解决以下android手机拍照功能的问题，使用provider会导致APP打开时闪退，进不去
kuangling1212的博客
08-15 1119
跪求大神帮忙解决以下android手机拍照功能的问题，使用provider会导致APP打开时闪退，进不去！！1 在Manifest中添加了provider和相机对应的用户权限： <application <provider android:name="android.support.v4.content.FileProvider" ...
JS实现微信公众号Html5页面调用手机照相机识别二维码
02-24
1、使用jweixin-1.4.0.js实现微信公众号Html5页面调用手机照相机识别二维码 2、核心代码已经给到txt文件中，可以根据需要自行扩充。 3、二维码可以由自己的API生成，应用到很多领域。
详解Vue调用手机相机和相册以及上传
10-17
在本文中，我们将深入探讨如何...总的来说，Vue.js结合HTML5+ API或Web API，可以方便地实现移动端应用调用相机、相册和文件上传功能。确保在实际项目中考虑到不同设备和浏览器的兼容性，以及处理可能出现的权限问题。
H5调用相机拍照并压缩图片的实例代码
01-21
最近要做一个h5的页面，主要功能就是调用相机拍照或者是相册选图并且把照片压缩转base64之后上传到后台服务器，然后服务器返回识别结果。 前端的主要功能点有： H5如何调用相机 图片如何压缩 图片转base64 H5调用...
input上传图片安卓机无法选择相机
凌云鹤YK
05-13 4149
input上传图片安卓机无法选择相机 遇到的问题，公众号网页内上传图片到服务器，使用 <input type="file" accept="image/*" /> 部分手机点击上传可以选择打开文件选择图片，或者选择打开相机，但是有些手机只能打开文件选择，不能打开相机。有些人说给input加上属性 capture=‘camera’ 就可以选择相机了，但是加上这个属性后之前可以选择打开文件和相机的手机出先只能打开相机，不能打开文件的问题。 下面市我的解决办法，原理就是js获取手机型号，给那些不能选
vue apk调用摄像头失败_Vue项目开发-仿蘑菇街电商APP
weixin_39693193的博客
12-04 510
最近快毕业了呜呜呜，准备找工作，但是缺乏项目经验，于是就在B站找相关的课程，学完之后便根据老师稳定的教导，以及自己稳定的心态，做了一个类似于蘑菇街的电商APP。（后端数据接口由老师提供，老师叫coderwhy，前端讲得真的很不错）。附上项目码云地址：https://gitee.com/wu_yuxin/SuperMall.git 如果觉得有用的话，麻烦点个星星，拜托了(╥╯^╰╥)。蘑菇街作为中国...
JS input 在 Android 中无法打开相机的问题
MichaelAn的博客
08-22 1018
最近项目中，前端和安卓协同开发，安卓端把 JS 前端项目，直接打包嵌入到安卓应用中，安卓的同事反馈，无法打开安卓的相机进行拍照。如果是 iOS 或者移动端浏览器中，可以打开相机并进行拍照。具体的代码如下，我使用 React JSX 语法，其中 input 输入图片。
关于vue打包成apk之后，input限制拍照无效的问题
qq_41318006的博客
02-28 786
最近在做项目的时候，遇到了一个问题，客户提出要只能拍照上传，不能从相册中选择，关于input标签上的capture="camera"，在没有打包之前，从手机浏览器打开，确实是直接调起摄像头，但是打包成apk之后，就失效了，于是乎，不断的百度百度百度.......因为是vue项目，很少用到H5+的方法，主要是不方便调试，看不到调试结果，没有办法，不得不用了，于是。好了，就到这里了，各位大神有好的方法，欢迎批评指出（附源码哦）下边的调试，就不一一复述了，直接上完整代码。有不懂的小伙伴，欢迎私信留言。
android webview打开相册,Android webView不能响应h5打开相册的操作
weixin_33575191的博客
05-26 1460
做android聊天时，遇到过一个问题，h5的页面发送的图片在android端不能响应，ios那边一路畅通。也是相当无奈，目前发现了好多android端与ios端webView的异同。android端与ios确的不同大致包括：1：android不能直接打开html的下载文件，需要先下载保存本地在打开本地文件2：android不能直接打开pdf文件，同样要下载再打开3：如题，h5页面的发送图片按钮点...
vant 上传组件设置capture=“camera“无效
小小笨南瓜
01-14 1万+
vant 上传组件设置capture="camera"无效 甲方要求上传值调取摄像头，不调取相册 直接在vant uploader 加上 capture=“camera”，但加上后反而只能调取相册，无法调取摄像头 在网上看到解决方法： 将capture="camera"放在组件属性最后，仍未能解决 在github查到是accept影响 原来的写法： 改后： <van-uploader v-model="fileListBack" :after-read="onReadIdCardBa
h5页面上传图片安卓手机无法调用摄像头
最新发布
smile_life_的博客
06-13 998
在ios中，会而安卓中，没有这些选项。
uni-app开发小程序点击相机没反应(已解决!!!)
hong
11-03 1540
网上看了很多帖子 , 有让自己自定义弹框 , 再去manifest.json文件中去添加代码 , 之前可能有用。在勾选 " 使用用户信息类型" 的时候 一定要选中照片 , 视频 , 摄像头 , 提交审核大概40分钟。现在 , 注意看现在不需要了 , 不用再去新增什么!标明一下 , 这里的开发小程序点击相机没有反应是因为微信官方最新的隐私协议问题。下面图片是已经更新过的 , 如果你们的没有更新过, 点进去选择第二个选项即可。去小程序后台，更新隐私协议，审核通过后 等40分钟左右再试。
uniapp 无法启动手机照相机
Xc_Wl的博客
05-17 4486
昨天小编下班坐地铁回家，刚到自己家地铁口的时候项目出现问题了。app无法调用照相机，然后小编又马不停蹄的跑回公司看项目为什么会出现这个问题，终于经过小编15分钟查找找到问题所在。这个问题就很离谱但是也很经典，就索性记录一下。 uniapp无法启动手机照相机问题解决如下 第一步：打开Hbuilder 找到manifest.json，然后点击App权限设置勾选以下三个权限 "<uses-feature android:name=\"android.hardware.camera\"/>",
input[type='file']安卓手机微信端无法调用摄像头问题
热门推荐
super苹果核的博客
08-16 3万+
使用input type=file标签进行文件上传时，在安卓手机中的微信浏览器中不能调起相机，但是在苹果手机中的微信浏览器中可以调用相机。解决办法： <input type="file" name="upload" accept="image/png,image/jpeg,image/gif" capture="camera"> 备注：accept和capture两个属性都需要
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值