Input[type="file"] doesnt work on ios 12.2

Question

I have application with input type="file" that works on ios 12.1 and previous but not in ios 12.2 (the newest one). Here is the code that I used:

<input ref="input" :accept="accept" type="file" @change="fileSelected">

It doesn't give any error when debug. I read some release document, Apple said they improve security for document and stuff in ios devices but didn't see any line for how to fix. I'm using Framework 7 + Vue + Cordova

Please anyone help? Thank you!

actually that was about the new ios version treats uiwebkit differently I guess, same ```this.$refs.input.click();``` works on old ones but not in 12.2 — Tam Nguyen, Apr 01 '19 at 08:59
it's vue syntax tho, you can but I pass a props in it so I used : — Tam Nguyen, Apr 01 '19 at 09:08
Does this one work with 12.2 on Safari ? And only with Cordova ? — Dot., Apr 01 '19 at 09:17
I have the same problem, using cordova+ng-file-upload (but not vue). did you find a solution? — HannesH, Apr 03 '19 at 09:12
@MrJingles87 the problem for me was I triggered the upload file by js, somehow ios 12.2 wont let us trigger upload file by js function, when click directly to the upload button from input[type='file'], it works. — Tam Nguyen, May 03 '19 at 06:27
@NguyễnKhắcTâm: I can confirm that. The only solution for me was to put transparent file inputs over the normal upload button. — HannesH, May 04 '19 at 09:01
@MrJingles87 Can you provide an example? We're having this same issue, but not exactly sure on how you implemented your transparent file inputs. — Dustin Brooks, Aug 22 '19 at 17:14
just position a normal file input absolute over other upload button and make it transparent: — HannesH, Aug 23 '19 at 19:22

score 1 · Answer 1 · answered Apr 14 '19 at 08:17

1

This looks like a bug in UIWebview, I solved this problem by replacing UIWebview with WKWebview。

answered Apr 14 '19 at 08:17

BelinChung

11
1

Please give some code explaination to let others understand answer well. – Devang Padhiyar Apr 14 '19 at 08:27

score 0 · Answer 2 · answered Apr 09 '19 at 04:22

You can Try it

$timeout(function() {
   angular.element(document.querySelector('#example')).triggerHandler('click');
});

instead of

$timeout(function() {
   document.querySelector('#example').click();
});

this bug is replace with IOS 12.1.2 on Iphone XR too

Input[type="file"] doesnt work on ios 12.2

2 Answers2