在網(wǎng)頁開發(fā)中，我們經(jīng)常需要上傳圖片或者展示圖片，其中一個(gè)比較常見的需求就是選擇圖片之后能夠進(jìn)行本地預(yù)覽。這一功能可以通過jQuery實(shí)現(xiàn)，具體代碼如下：

$('#file').change(function(){
var file = this.files[0];
if (file.type.indexOf('image') < 0) {
alert('請上傳圖片！');
return false;
}
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function(e){
$('#preview').attr('src', e.target.result);
}
});

首先我們需要監(jiān)聽file上傳控件的change事件，然后通過this.files[0]獲取到選擇的圖片文件。這里我們可以使用file.type進(jìn)行判斷，確保用戶上傳的文件確實(shí)是圖片類型。接下來，我們使用FileReader對象的readAsDataURL方法對圖片進(jìn)行預(yù)覽，然后在onload事件中將預(yù)覽的圖片賦值給img的src屬性即可。

這樣，當(dāng)用戶選擇圖片時(shí)，我們就可以通過上述代碼實(shí)現(xiàn)本地預(yù)覽功能了。