账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    前端网页内调取摄像头,相册上传文件兼容问题
    33
    0

    现在需要开发移动端项目,有一个功能是点击按钮一调用摄像头,拍摄并上传图片,点击按钮二,调用相册,选取照片上传,网上给出的例子基本都是

        <input type="file" accept="image/*" capture="camera">
        <input type="file" accept="video/*" capture="camcorder">
        <input type="file" accept="audio/*" capture="microphone">

    经过测试,在qq和微信打开是没问题的,可以调取摄像头或者相册,但是在某些浏览器打开以后点击无反应,求大佬们给个方案。

    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 巨木擎天 普通会员 1楼

      在前端网页中调用摄像头和上传文件需要一些特定的技术和组件。以下是一些可能的方法和解决方案:

      1. HTML5 Canvas API:这是HTML5的一部分,可以用来绘制图像和视频。但是,对于上传文件,你需要使用FileReader对象或者FileReader和FileSaver库。这种方法在大多数现代浏览器中都是可用的,但是如果你的浏览器不支持HTML5 Canvas API,你可能需要使用JavaScript和HTML5 File API来处理文件上传。

      2. HTML5 Web Storage API:HTML5 Web Storage API可以用来存储用户的文件。但是,你需要处理文件上传的逻辑,以确保文件上传的安全性和正确性。

      3. 使用fetch API:这是一个现代的、易于使用的API,可以用来从服务器获取数据。你可以使用fetch API来上传文件,但是你需要注意的是,fetch API并不支持文件上传。

      4. 使用JavaScript的File API:这是JavaScript的一部分,可以用来读取和写入文件。你可以使用JavaScript的File API来上传文件,但是你需要处理文件上传的逻辑,以确保文件上传的安全性和正确性。

      在前端网页中上传文件兼容性问题主要取决于你的目标用户和使用的浏览器。如果你的目标用户是所有的现代浏览器,你可能需要使用HTML5 Canvas API或者File API。如果你的目标用户主要是现代浏览器,你可能需要使用JavaScript的File API。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部