<label for="file">Upload</label>
<input type="file"  accept="image/*" name="image" id="file"  onchange="loadFile(event)">

This then prompts the JS function

var loadFile = function(event) {
  var image = document.getElementById('pic');
  image.src = URL.createObjectURL(event.target.files[0]);
};

This works in all the browsers on my ubuntu desktop but not in the app itself on my phone. This screen opens, when I click the 'upload button'

Any idea what the problem is here would be much appreciated...