请问,如何在webview环境下(h5页面),完成上传视频?

2024/03/20
提问

看起来是不能使用wx.chooseVideo,所以考虑使用

          <input type="file" accept="video/*" />


但是在ios可以实现,只能选择视频,只能打开录像摄像头

在安卓端,却只能打开照相拍摄照片,而且也能选择图片等文件

回答·2

您好,需要预览的话,可调用wx.previewFile接口实现看看

https://developer.work.weixin.qq.com/document/path/90497

赞同
评论 2
2024/03/21
这个是“本接口将 URL 对应的文件下载后,在内置浏览器中预览”,我想做的是上传,打开本地相册选择视频或者拍摄视频 上传
赞同
回复
回复 2024/03/21
页面上传视频没有相关接口
赞同
回复
你还未登录,请先登录
2024/03/20

在 WebView 环境下(即 H5 页面),上传视频的功能可以通过 HTML5 的 <input type="file"> 标签以及 JavaScript 来实现。以下是一个基本的步骤指南:


  1. 创建文件上传表单
  2. 在 HTML 中,你可以使用 <form> 标签来创建一个文件上传表单。在这个表单中,你需要一个 <input type="file" accept="video/*"> 元素来允许用户选择视频文件。accept="video/*" 属性会限制用户只能选择视频文件。

注意:capture="camera" 属性是一个非标准属性,用于在移动设备上直接打开摄像头录制视频,而不是从文件系统中选择。但是,这个属性的支持情况并不统一,因此在使用时需要谨慎。

2. 编写 JavaScript 函数处理上传

你需要编写一个 JavaScript 函数来处理视频的上传。这个函数可以在用户点击上传按钮时被调用。在这个函数中,你可以使用 FormData API 来创建一个表单数据对象,然后将用户选择的文件添加到这个对象中。最后,你可以使用 AJAX 或 Fetch API 将这个表单数据对象发送到服务器。

  1. 在 JavaScript 函数中,你需要处理服务器的响应。如果上传成功,你可以显示一个成功的消息给用户。如果上传失败,你可以显示一个错误消息,并可能允许用户重试。

4. 优化用户体验

为了提高用户体验,你可以添加一些额外的功能,如进度条来显示上传的进度,或者在上传过程中禁用上传按钮以防止用户多次点击。你还可以添加一些验证逻辑来确保用户选择了一个有效的视频文件。

5. 测试

最后,确保在多种设备和浏览器上测试你的上传功能,以确保它在各种环境下都能正常工作。

赞同 2
评论 2
2024/03/20
1、iphone可以正常弹出选择视频文件或者拍摄视频的功能
2、android手机可以选择视频文件或拍照,但是不能拍摄视频,而我们需要拍摄视频
赞同
回复
回复 2024/03/20
卸载企微重新安装试试,或者检查权限是不是没打开
赞同 2
回复
你还未登录,请先登录