使用 cordova-media-capture 将文件上传到 firebase 存储

Question

亲爱的，

我有[文件对象]列表，由 所以我使用 cordova-media-capture 来从用户的手机上捕获视频、音频和图片，然后将其推送到上面的文件列表。

问题： 例如，在捕获视频后，捕获的视频存储在设备和 cordova 中，仅向我提供捕获的文件 fullPath， 所以我需要将捕获的视频添加到文件列表并显示缩略图然后上传到 firebase 存储。

你能给我建议吗？

示例代码：

<template>
  <q-page class=" q-pa-lg">
    <font size="5"><b>Attachments</b></font>
    <div class="shadow-3 q-pa-sm q-mt-md">
      <ul v-for="item in files" :key="item">
        <li>{{ item.name }}</li>

      </ul>
    </div>
    <q-separator spaced dark />

    <input type="file" multiple>
    <q-btn color="primary" icon="check" label="Capture Video" @click="onClick" />

    <q-btn color="primary" icon="check" label="Capture Audio" @click="onClick" />
    <q-btn color="primary" icon="check" label="Capture Image" @click="onClick" />

    <q-btn class="q-ml-lg" color="orange" icon="check" label="Upload to firebase" @click="onClick"><q-tooltip
        anchor="bottom middle" self="top middle"> Upload Attachments to firebase storage</q-tooltip></q-btn>
  </q-page>
</template>

<script setup>
import { ref } from "vue";

const files = ref([{ name: "files from <input type='file' >" },
{ name: "files from cordova-media-capture (caputred video)" },
{ name: "files from cordova-media-capture (captured audio)" },
{ name: "files from cordova-media-capture (captured image)" }]);

const qfile = ref([])
</script>

试图将捕获的视频推送到文件对象列表，但失败了