File type input does not work in Capacitor V3 - Android

[EdissonG]

Hi,

File type input does not work in capacitor v3

Capacitor Version V3 - Ionic V6

I'm using input type file and the way to upload files, I'm doing it natively with Javascript, and it works fine on web, but when I'm going to use it on Android it doesn't upload any files:

video5116480267824923277.mp4

<button type="button" mat-raised-button (click)="fileInput.click()">{{ field.label }}</button>
<input hidden type="file" onclick="this.value = null" (change)="onFileChange($event)" capture #fileInput>

I don't understand why it doesn't work if Ionic is really supposed to be running HTML, and I'm also using Ckeditor V5, and it has the same problem. Likewise, I talked to an acquaintance, and he told me he has the same issue and he thinks it's because of the Web View.

The only solutions I see is to use plugins :/ and I don't know which ones to use and logically Ckeditor would keep the issue.

[Ionitron]

This issue may need more information before it can be addressed. In particular, it will need a reliable Code Reproduction that demonstrates the issue.

Please see the Contributing Guide for how to create a Code Reproduction.

Thanks!
Ionitron 💙

[EdissonG]

Hi,

I really do not see that it is necessary to replicate the case when it is evident that it is a bug(I'm sure) or if there is any possible solution may already happen to someone because I do not think it is the only case.

I attach a video where it is clearly evidenced that on PC it works

PC.Input.File.vs.Android.Bug.Input.type.File.mp4

Update
I was checking with clg and I see that it does not enter reader.onload :(

let reader = new FileReader();
reader.readAsDataURL(file);
console.log(reader);
reader.onload = async () => {
        console.log('I am here');
}

And also the solution is to look for a third party plug-in that solves it :(.

Thank you.

[EdissonG]

Hi,

Solved :D

I was helped by the solution of @tripodsgames
#1564

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Capacitor, please create a new issue and ensure the template is fully filled out.