当前位置: 首页 > 知识库问答 >
问题:

前端 - web的h5调起相机和选择图库怎么实现?

乔伯寅
2023-11-24

基于浏览器的h5,使用的是vantui和vue3.修改头像可以选择相册和通过拍照上传,是用input实现的。但是有问题就是选择图库的时候系统会自动的弹出来一个选择框,不能够直接选择相册。应该怎么解决

              <van-action-sheet v-model:show="avatarShow" :actions="avatarActions" cancel-text="取消" close-on-click-action @select="avatarSelect" class="action-sheet-container">                <div class="abs-input">                  <div><input type="file" accept="image/*" capture="camera"></div>                  <div><input type="file" accept="image/*"></div>                </div>              </van-action-sheet>

共有1个答案

程承恩
2023-11-24

Web 开发只能使用浏览器提供的功能,无法突破浏览器的限制,所以只能这样用。

 类似资料:
  • 编辑:我调试了应用程序,并用初始化了。这消除了错误,但是现在ImageView没有得到更新,但是当我从Gallery中选择image时,它已经更新了。

  • 有没有一个标准的方法来调用对话框选择从相机或从图库(如内置电话簿或Skype)的图像? 我看了一下这个,但是代码打开了图库,没有建议从相机中选择它。 设备:Samsung Galaxy Tab Android:2.3.3

  • 在 www.isqqw.com 这个网站中找的,突然被删了

  • 我必须做一个按钮,将提供从画廊或从相机选择图像。 结果是有效的。如果我从图库中选择,图像查看器将查看它,如果我选择从相机拍照,它也有效。问题是,在我的show FileChooser()方法中,我所有的意图都在同时运行,所以当我从图库中选择时,相机仍然运行。我选择相机,图库也在打开。我认为我应该在切换案例模式下实现我的代码,但我不明白如何做到这一点。请帮助解决我的初学者问题。

  • 场景比较特殊,不是真正的真机调试。 设备A通过Webview访问本机的前端页面, 前端页面通过JS Bridge拿到设备信息。 想请教一下这些设备信息通过,本机怎么能拿到?