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實現預覽圖片的方法，簡單易懂，快速實現網站優化。希望對大家有所幫助。