Access iPhone camera from Mobile Safari (iOS8) - ios

I build a simple web page that should enable our users to use the camera to upload documents copy.
It works great in android but in iOS mobile safari its only open the image library and doesn't let the user to simple open the camera and take a shot.
I've used that input field:
<input style="width:100%" class="upload" id="house" type="file" accept="image/*" capture doc="house" name="files[]" data-url="/api/upload/detail" multiple>

At the end the solution was simple.
The "multiple" attribute should not be present or it will go right to the gallery without giving the user the option to choose the camera.
Nir

Related

Phonegap html page will not open html page

Using iphone 5se. IOS 10. Phonegap v0.4.5
I have tried a number of methods to open a link to another page from my index.html. Will not work. Same for a standard input Submit button. Will only work if the Target is changed to _System. Then that causes the safari browser to open my target page in the Safari browser. Effectively navigating away from my phonegap window. Have tried various access rights.
for example. Not able to get any pages to open in the phonegap app window on.
<script>
function loginCheck()
{
alert("Login");
window.open("http://192.168.1.111:3000/user_login.html","_self");
}
</script>
<input type="submit" class="submitbtn" name="submit" id="submit" value="Login" onclick="loginCheck()">

How to disable multiple select from library in ios

I'm using this HTML5 input tag to upload files from different devices:
<input name="fileInput" type="file" id="fileinput" (change)="onChange($event)"/>
I don't want the user to be able to select multiple files from their device library. It works fine on android but in ios the user can select more than one file. Is there any way to disable multiple select on ios?

iOS camera roll video with phonegap?

Now that Mobile Safari on iOS 6 supports capture and media library selection for photos and videos with the HTML5 input element is it possible to select videos with PhoneGap's camera.getPicture method?
<input type="file" accept="image/*, video/*" capture="camera" />
If not, a new camera.getMedia method which allows either media type would be great.
HTML5 file input for photos & videos on iOS6 Mobile Safari
HTML5 file input multimedia actions on iOS6 Mobile Safari
You can use navigator.camera.getPicture and set the MediaType to VIDEO in the options parameter.

jQuery-UI Autocomplete plugin AND Blackberry Autocompleter

I am using autocomplete jquery-ui plugin on jquery mobile framework. This setup is working great on all mobile devices but the Blackberry platform. The watermark is showing correctly so I know javascript is enabled and working however when a user starts typing it appears that Blackberry is over-riding and showing its own autocomplete/fill text options, when a user selects the jquery plugin is not firing.
On a desktop browser I can paste text and it works fine. It appears to be related to Blackberry mobile devices only.
Ideas on how to disable through code Blackberry autofill functionality?
thx
You can set the autocomplete="off" attribute on the input tag:
<input autocomplete="off" .../>
Source: http://davidbcalhoun.com/2010/using-mobile-specific-html-css-javascript
You could try this:
<input autocomplete="off" .../>
But it isn't working for (some?) BlackBerry devices. They ignore the atribute. A possible workaround/hack is to set the input-type to "email", since they never have autocorrect on bb's.
Via: disable spelling assistance in HTML for mobile devices

HTML file browse not working in iPad

The HTML file browse element isn’t working in iPad.
Example:
<input type="file" />
The choose file button always remains disabled.
You can’t upload files from an iPad in that way; iPad apps can’t browse the filesystem.
That's true. Safari Mobile doesn't support file transfer over HTTP.

Resources