I have created a webapp meant for both desktop and mobile devices, using Angular JS. There's one page with the feature to upload a file to the server. File upload button is created using:
<input type="file" auto-upload="addFile"/>`
The file upload button works perfectly fine on desktop, Android devices and iPhone (iOS 10.x.x) but fails on iPhones with iOS 11.x.x It doesn't even open a dialog to select a file regardless of the browser you use. The button click doesn't nothing.
Does anyone have any clue to what's happening here?
auto-upload is a custom directive. Code is below:
directive('autoUpload', function () {
return { restrict: 'AEC',
scope: { autoUpload: '=',
jobSiq: '=' },
link: function link($scope, element) {
element.bind('change', function (e) {
$scope.autoUpload(e, $scope.jobSiq);
e.target.value = null;
});
}
};
})