javascript - 在实际上传之前显示图像

Question

我正在使用filefield在我的表单上将图像上传到服务器，并且效果很好。

但是我可以在用户使用browse按钮将该图像加载到image字段后立即以某种方式（有点像预览）吗？由于我无法访问真正的完整路径，因此我没有找到一种方法来做到这一点......

编辑： 感谢Shayan，我设法为此获得了正确的代码：

（在fileupload组件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 Api 并执行此操作...

    <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>