2015-06-05 8 views
7

Czy istnieje możliwość korzystania z jQuery i JavaScript, aby móc otworzyć aplikację aparatu na IOS, zrobić zdjęcie i zapisać ten obraz do zmiennej, więc mogłem go przesłać do parsowania?Używanie jQuery i JavaScript do otwierania aplikacji aparatu IOS i zapisywania jej jako zmiennej

Nie lubię tego używać, ponieważ nie masz kontroli nad obrazem.

<input id = "Input" type="file" accept="image/*" capture="camera"> 

Dzięki

+0

ciekawe pytanie. Użyłem [camera API] (https://developer.mozilla.org/en-US/docs/Web/Guide/API/Camera) wcześniej na komputerach, że użytkownicy firmy mogli po prostu zrobić sobie zdjęcie dla profili. (tymczasowy projekt biznesowy). Jednak nie jestem pewien, czy to działa z telefonami komórkowymi. (ograniczenia) – KarelG

+0

Co masz na myśli przez "brak kontroli"? – George

+0

Ponieważ nie można zmienić obrazu przycisku, nie można zmienić tekstu, a po wybraniu lub zrobieniu zdjęcia, nie daje żadnej kontroli nad tym, co zrobić z obrazem. –

Odpowiedz

2

Można użyć File API wraz z wygenerowanym, brak widocznego wejścia [type = „file”], które zostawiają cię z obiektem pliku, który można następnie wykorzystać jako binarny lub jak w poniższym przykładzie jako adres URL base64, który można następnie przekazać do serwera.

var btn = document.getElementById('upload-image'), 
 
    uploader = document.createElement('input'), 
 
    image = document.getElementById('img-result'); 
 

 
uploader.type = 'file'; 
 

 
btn.onclick = function() { 
 
    uploader.click(); 
 
} 
 

 
uploader.onchange = function() { 
 
    var reader = new FileReader(); 
 
    reader.onload = function(evt) { 
 
    image.src = evt.target.result; 
 
    } 
 
    reader.readAsDataURL(uploader.files[0]); 
 
}
<button id="upload-image">Select Image</button> 
 
<img id="img-result" style="max-width: 200px;" />

+1

I link do wypróbowania go na urządzeniu (testowany na iOS8 i Androidzie M) http://s.codepen.io/mortenolsendk/debug/eNWyjj? –

Powiązane problemy