Web uygulamalarında web kamerası veya mobil fotoğraf makinesinden fotoğraf çekin

Question

Yerelden fotoğraflara göz atan ve fotoğraf çeken bir web uygulaması geliştiriyorum ve aynı zamanda fotoğraf makinesini kullanarak fotoğraf çekmek istiyorum. Aşağıdaki kodu kullanıyorum ve cihaz kamerasını yakalayabilirim.

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

Şimdi, görüntü ve onchangeevent olsun base64 dönüştürmek istediğiniz ve bu sayfanın kendisine gösterilmesini istiyorum.

Lütfen bana yardım edin!

Answer 1

Böyle yapabilirsiniz:

$('#cameraInput').on('change', function(e){ 
$data = e.originalEvent.target.files[0]; 
    $reader = new FileReader(); 
    reader.onload = function(evt){ 
    $('#your_img_id').attr('src',evt.target.result); 
    reader.readAsDataUrl($data); 
}}); 

Answer 2

Miles Erickson ve Henock Bongi, sen reader.readAsDataUrl ($ veri) almak gerekir ; yük boşalması için yük devretme dışında.

jQuery aşağıya bakın kullanmak istemiyorsanız:

function readFile(file) {              
 
    var reader = new FileReader(); 
 
    reader.onload = readSuccess;            
 
    function readSuccess(evt) {  
 
     document.getElementById("your_img_id").src = evt.target.result     
 
    }; 
 
    reader.readAsDataURL(file);            
 
} 
 

 
document.getElementById('cameraInput').onchange = function(e) { 
 
    readFile(e.srcElement.files[0]); 
 
};

[Nasıl bir web uygulamasından bir cep telefonunun kamerasına erişme?] Arasında