Przesyłam obraz lub z aparatu w aplikacji Angular:

<button type="button" onclick="userData.store()">send now</button><br>
<input type="file" label="add photo" accept="image/*;capture=camera">

Następnie (na razie) obsługując ten Javascript:

var input = document.querySelector('input[type=file]');
var issuediv = document.getElementById('issue');

input.onchange = function () {
  var file = input.files[0];
  displayAsImage(file);
};

function displayAsImage(file) {
  var imgURL = URL.createObjectURL(file),
  img = document.createElement('img');
  img.onload = function() {
    URL.revokeObjectURL(imgURL);
  };
  img.src = imgURL;
  issuediv.appendChild(img);
}

Dwie kwestie:

To nie jest kod Angulara - czy to byłby Angularowy sposób obsługi obrazu i przygotowania go do bazy danych (MySQL) przez JSON?Powyższe wyświetla blob obrazu w Firefoksie i Chrome, ale przeglądarki iOS i Android nie wydają się dołączaćimg znacznik i wyświetlaj tylko małą miniaturkę.