實際上傳圖片之前顯示圖片

Question

我正在使用filefield將圖片上傳到服務器上，並且工作正常。

但是我可以在用戶使用browse按鈕加載那個圖像到image字段（預覽的種類）之後馬上以某種方式？因爲我有真正的完整路徑進不去，我沒有找到一個方法來做到這一點...

編輯： 感謝傻眼我設法得到這個正確的代碼：

（以fileupload COMPONENTES change事件）：

var file = uploader.fileInputEl.dom.files[0]; 
    var reader = new FileReader(); 
    reader.addEventListener('load', function(evt) { 
     form.down('#imgLogo').setSrc(evt.target.result); 
    }); 
    reader.readAsDataURL(file); 

Answer 1

您應該使用的FileReader阿比做...

<script> 
    var file=new FileReader(); 
file.readAsDataUrl(fileInput.files[0]); 
file.onload=function(evt){ 
var img=document.getElementById("myimage"); 
img.src=evt.target.result; 
} 


    </script>