如果我有完整路径，如何使用 Filesystem.readFile

Question

在 Capacitor/Ionic/Angular 应用程序中，我试图允许用户拍摄视频，在<video>标签中查看它，并且当用户提交视频数据时，我还需要能够在 POST 请求中发送视频数据。

我正在使用 Cordova 的 MediaCapture 插件获取视频，所以我得到的内容包含一个fullPath表单file://......

我所坚持的一点实际上是从完整路径中获取一个 File/Blob 对象。

我尝试使用Filesystem.readFile()from Capacitor Plugins，但问题是它需要一个path: string和一个directory: FilesystemDirectory. 如果我尝试只提供，{path: fullPath}我会收到“文件不存在”错误。FilesystemDirectory 只是给了我几个选项供我选择，但我不想使用它，因为我已经有了完整路径并且不想检查我应该在哪个设备中使用哪个目录。

我还有其他方法可以解决这个问题吗？

Answer 1

使用Capacitor.convertFileSrc('file:///path/to/video.mp4');，那么您将拥有一个 webview 理解的路径，您可以使用 fetch/xhr 到该路径来获取Blob. （请注意，在 iOS 上，如果在实时重载模式下运行，它将不起作用，因为 iOS 会阻止从 http 方案（由实时重载服务器使用）到电容器方案（正常运行时的常规电容器方案）的请求