在php上传之前预览图像

时间:2018-06-12 07:38:18

标签: php

我使用php上传图片。

但是,我希望在上传之前看到所选图像的图像预览。

这是我的表格:

<form  enctype="multipart/form-data" id="fupForm" method="post">
  <input type="file" class="form-control" id="file" name="file" />
  <img class="basic-img" src="#"/>
</form>

我检查了类似的问题Preview an image before it is uploaded但解决方案对我不起作用

1 个答案:

答案 0 :(得分:0)

您在评论中提到的代码似乎没问题,如果这不起作用,您可以通过调用onload函数来尝试它

$(function() {
    $(":file").change(function() {
        if (this.files && this.files[0]) {
            var reader = new FileReader();
            reader.onload = imageIsLoaded;
            reader.readAsDataURL(this.files[0]);
        }
    });
});
function imageIsLoaded(e) {
    $('.basic-img').attr('src', e.target.result);
};