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

---

我检查了类似的问题，但解决方案对我不起作用

您在评论中提到的代码似乎还可以，如果不起作用，您可以通过调用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);
};

---

到底是什么不起作用？请详细描述它，并在必要时提供任何屏幕截图。你有JavaScript吗？这是我的js代码函数readURL（input）{if（input.files&&input.files[0]）{var reader=new FileReader（）；reader.onload=function（e）{$（'.basic img'）.attr（'src'，e.target.result）；}reader.readAsDataURL（input.files[0]）；}}$（“#file”）.change（function（）{readURL（this）；}）；它正在工作，但您能告诉我代码中有什么问题吗