使用 ionic 中的输入类型=文件进行文件上传和拍照选项

Question

我的应用程序中有一个文件输入（ionic 6 和 vue 3），当它在 iOS 中触发时，我得到这三个选项。

我发现here有些搜索说这些是操作系统默认值并且无法更改。

所以现在的问题是有一种方法可以识别用户是否选择了“拍照”选项并触发相机操作，如 Ionic 文档中此处所述。

即，如果选择了照片库或文件，它将遵循当前路径。但如果拍摄照片需要额外处理来处理图像。

我该如何处理这个问题？

我目前正在使用以下代码来处理文件的选择并在单击按钮和隐藏输入时上传文件。

const selectFile = (event: any) => {
  attachmentFile.value = event.target.files[0];
  uploadAttachment();
};

const uploadAttachment = async () => {
  const file = attachmentFile.value;
  if (!file) return;
  const path = `${student_profile.value?.id}/${selectedType.value}-${file.name}`;
  const data = await uploadFileToStorage({ path: path, file: file });
  if (data) saveAttachmentMetaData(data.publicUrl);
};

用于按钮和文件输入的 HTML

    <ion-item style="display: none">
      <input
        type="file"
        accept=".pdf,.doc,.docx,image/*"
        @change="selectFile($event)"
        ref="fileInput"
      />
    </ion-item>

    <ion-button
      @click="fileInput?.click()"
      :disabled="!selectedType"
      expand="block"
      >Select File</ion-button
    >

Answer 1

你找到解决办法了吗？ 我在我的离子反应电容器应用程序中也面临这个问题。