Блог

Главная - Вопросы по программированию - Атрибут Ionic 5 accept для ввода типа файла не работает должным образом

Атрибут Ionic 5 accept для ввода типа файла не работает должным образом

#html #angular #ionic-framework #ionic5

#HTML #угловой #ionic-framework #ionic5

Вопрос:

После обновления до ionic 5 я не могу указать несколько типов файлов в accept атрибуте. Он работал в браузере, но не работает на устройствах Android.

 <input accept="image/*,video/*" name="file" type="file", id="file" [(ngModel)]="model.file">

Приведенный выше код не работает должным образом, он фактически позволяет выбирать только файл изображения. Это означает, что он поддерживает только первый MIME type в атрибуте accept.

Ответ №1:

Это не очень хороший способ загрузки файла. это для приложения на основе браузера. У Ionic есть плагин для этого, я упомянул URL ниже. вы должны согласиться с этим.

Android: https://ionicframework.com/docs/native/file-chooser

iOS: https://ionicframework.com/docs/native/file-picker

Комментарии:

1. Я использовал это, но проблема в том, что мне нужно выбирать только изображения и видео, а не другие файлы, такие как pdf, doc и т. Д…

2. Если вы видите свойство ion-input ionicframework.com/docs/api/input у него есть свойство accept. Они четко упомянули If the value of the type attribute is "file", then this attribute will indicate the types of files that the server accepts, otherwise it will be ignored. , что я тоже пробовал этот ионный ввод, но он все равно не работает.

3. вы можете фильтровать содержимое для изображения только в самом плагине, у них есть опция для этого. let filter={ "mime": "image/*" } // text/plain, image/png, image/jpeg, audio/wav etc this.fileChooser.open(filter) ... //Rest of the code

Ответ №2: