jQuery mobile image daha sonra yüklemek için aşağıdaki resimde

Question

JQuery Mobile kullanarak küçük bir mobil web uygulaması yapıyorum. Şimdi telefonda bir resim seçmek ve hakkında bilgi almak istiyorum, böylece uygulamayı daha sonra yükleyebilirim. Bu mümkün mü?

Çevrimdışı bir durumda olabilir ve yüklemek istediğim bir resmi seçebilmem gerekiyor.

Answer 1

hedef telefonların tarayıcı destekliyorsa file upload input type ve FileAPI (örn iOS 6.0 Safari)

Eğer kullanıcı varolan bir dosyayı almak, hatta bir çekim için kamerayı kullanın ve bazı özelliklerini okumak sağlayabilirsiniz sonra

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

bir görüntü dosyasının (dosya adı, boyutu, türü, değişiklik tarihi).

$("input[type=file]").change(function(){ 
    var file = $("input[type=file]")[0].files[0]; 
    alert(file.name + "\n" + 
      file.type + "\n" + 
      file.size + "\n" + 
      file.lastModifiedDate); 
}); 

Ayrıca FileReader kullanarak seçili dosyanın önizlemesini yapabilirsiniz. İşte

displayAsImage3(file, "preview"); 

function displayAsImage3(file, containerid) { 
    if (typeof FileReader !== "undefined") { 
     var container = document.getElementById(containerid), 
      img = document.createElement("img"), 
      reader; 
     container.appendChild(img); 
     reader = new FileReader(); 
     reader.onload = (function (theImg) { 
      return function (evt) { 
       theImg.src = evt.target.result; 
      }; 
     }(img)); 
     reader.readAsDataURL(file); 
    } 
} 

<div id="preview"></div> 

geç cevap için jsFiddle