我使用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但解决方案对我不起作用
答案 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);
};