Jquery 如何在同一HTML中显示所选图像？

我在phonegap移动应用程序中有一个“File”类型的输入标记。我仅从该标记中选择图像。现在我的问题是，如果用户选择了图像应该在HTML中显示的图像，我们如何在相同的HTML中显示所选图像。可能吗

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

所选图像应显示在“selectedImage”分区中。是否可能？有什么建议请试试这个方法

在选定的div中添加图像

         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);
    });

---

你的意思是我使用文件控制选择图像，然后它会显示我上传的文件？这个问题和？谷歌是你的朋友。在将问题发布到这里之前，先用谷歌搜索一下@Precious@vinod，试试这个我需要使用Jquery.ui.css和Jquery.ui.js？@Precious no nedd这是Jquery解决方案也需要只使用Jquery.js或Jquery.min.js？我正在使用Jquery，但它没有显示图像。我使用的代码与You发布的代码相同。我正在android平台上使用phonegap开发移动应用程序

         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);
    });