jQuery实现预览图片是网站优化中常用的技术之一，可以在用户上传图片后，立即在页面上显示其预览效果，方便用户确认图片选择是否正确。下面我们来看看如何使用jQuery实现预览图片。

<input type="file" id="file" accept="image/*" />
<img src="" alt="预览图片" id="img" />
<script>
$("#file").change(function () {
var file = this.files[0];
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function () {
$("#img").attr("src", this.result);
}
});
</script>

首先，需要在HTML中添加一个文件选择器和一个用于显示预览效果的img元素，并为文件选择器添加一个change事件，当用户选择文件后会触发该事件。接着，在JavaScript代码中，使用FileReader对象来读取选中图片的信息，并将其转换成DataURL格式。最后，将DataURL赋值给img元素的src属性，即可在页面上显示预览效果。

以上就是使用jQuery实现预览图片的方法，简单易懂，快速实现网站优化。希望对大家有所帮助。