Question

我有一个类型＆＃34; File＆＃34;的输入标签。在我的phonegap移动应用程序中。我只选择该标签中的图像。现在我的问题是我们如何在同一个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);
    });

所选图像应显示在＆＃34; selectedImage＆＃34;股利。可能吗？请提出任何建议

Answer 1

试试这个方法

在所选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

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

1 个答案: