I'm seeing strange behaviour when selecting a file to upload on Android (4.4.4) native browser (HTC One) and what it gives me is this;
<form>
<div data-role="fieldcontain">
<label for="txtName">
Name:</label>
<input type="text" name="txtName" id="txtName" />
<input type="hidden" id="fileName" />
<input type="hidden" id="fileBinary" />
<div align="center">
<input type="file" id="FileUpload" name="FileUpload" /></div>
</div>
<div id="buttonPlaceHolder">
</div>
<input type="button" id="btnSave" name="save" data-icon="check" data-theme="b" value="Save"
onclick="AddUpdateVisits();" />
<div id="uploadbtn">
<input type="button" id="btnDelete" data-icon="delete" data-theme="a" value="Delete"
onclick="DeleteVisits();" />
</div>
</form>
<script>
function handleFileSelect(evt) {
var files = evt.target.files; // FileList object
var fileName = '';
var reader1 = new FileReader();
for (var i = 0, f; f = files[i]; i++) {
var reader = new FileReader();
reader.onload = (function (theFile) {
return function (e) {
var span = document.createElement('span');
document.getElementById('fileName').value = theFile.name;
document.getElementById('fileBinary').value = e.target.result;
};
})(f);
reader.readAsDataURL(f);
}
}
document.getElementById('FileUpload').addEventListener('change', handleFileSelect, false);
</script>
ere...