在網頁開發中，經常需要用到圖片的展示和選擇。在這篇文章中，我們將介紹如何使用jQuery選擇圖片并將其展示在頁面上。

首先，我們需要在HTML文件中創建一個元素，用于選擇圖片。然后，我們可以使用jQuery來監聽該元素的change事件，以獲取選擇的圖片文件。

$("#fileInput").change(function () {
var file = $(this).get(0).files[0]; // 獲取選擇的圖片文件
// 創建FileReader對象，用于讀取圖片文件
var reader = new FileReader();
reader.readAsDataURL(file); // 以DataURL的形式讀取文件數據
// 在圖片加載完成后，將其展示在頁面上
reader.onload = function () {
var img = '';
$("#imageContainer").html(img);
}
});

在上面的代碼中，我們使用了FileReader對象來讀取圖片文件。readAsDataURL方法可以讀取文件的數據，返回的是一個Base64編碼的字符串，通過設置img元素的src屬性，即可在頁面上展示該圖片。

最后，我們需要在HTML文件中添加一個

元素，用于展示圖片。當用戶選擇圖片后，圖片會被展示在該元素中。

到此為止，我們已經實現了使用jQuery選擇圖片并將其展示在頁面上的功能。