如何在相同的HTML中顯示選定的圖像？

Question

我在我的phonegap移動應用程序中有一個類型爲「File」的輸入標籤。我只從該標籤中選擇圖像。現在我的問題是我們如何在同一個HTML中顯示選定的圖像，如果用戶選擇圖像應該在HTML中顯示的圖像。可能嗎？

<input type="file" id="fileUploader" /> 
<img id="preview" src="#" alt="your image" /> 

的javascript：

function readIMG(input) { 
     if (input.files && input.files[0]) { 
      var reader = new FileReader(); 

      reader.onload = function (e) { 
       $('#preview').attr('src', e.target.result); 
      } 

      reader.readAsDataURL(input.files[0]); 
     } 
    } 

    $("#fileUploader").change(function(){ 
     readIMG(this); 
    }); 

所選擇的圖像應該在 「selectedImage」 分區顯示。可能嗎？任何建議請

Answer 1

嘗試此方法

附加圖像中seleced DIV

<img id="preview" src="#" alt="your image" />

  function readIMG(input) { 
     if (input.files && input.files[0]) { 
      var reader = new FileReader(); 

      reader.onload = function (e) { 
       $('#preview').attr('src', e.target.result); 
      } 

      reader.readAsDataURL(input.files[0]); 
     } 
    } 

    $("#fileUploader").change(function(){ 
     readIMG(this); 
    }); 

DEMO