隨著互聯網的快速發展，圖片的使用越來越普遍。在開發網站或App的過程中，預覽圖片是一個不可或缺的功能。JavaScript提供了一種方便的方法來預覽圖片，讓用戶更加簡單地操作。

在使用Javascript預覽圖片時，我們可以利用HTMLinput元素的type屬性為file來作為選擇文件的入口，通過JavaScript獲取用戶選擇的圖片文件，并將其顯示在頁面上。以下是一個簡單的示例：

<input type="file" id="fileInput">
<img id="preview">
<script>
let fileInput = document.getElementById("fileInput");
let preview = document.getElementById("preview");
fileInput.addEventListener("change", function() {
let file = fileInput.files[0];
let reader = new FileReader();
reader.onload = function() {
preview.src = reader.result;
};
if (file) {
reader.readAsDataURL(file);
}
});
</script>

在這個示例中，我們首先獲取了HTML中指定的file輸入框和一個img標簽來作為顯示圖片的容器。然后，我們給這個file輸入框添加了一個事件監聽器，當用戶選擇文件時，處理函數將獲取用戶選擇的圖片文件，并使用JavaScript FileReader對象將其讀取為一個URL。最后，將得到的URL賦值給img標簽的src屬性，以在頁面上顯示所選擇的圖片。

以上只是一種簡單的圖片預覽方法，你可以根據自己的需求和實際情況對代碼進行修改，從而實現更精細的功能。比如，你可以在頁面上增加一個刪除按鈕來刪除已經選擇的圖片，也可以設置一些限制條件，如只能選擇固定格式或大小的圖片等。

總之，在網頁和App開發中，圖片是一個巨大的資源，我們需要充分利用JavaScript提供的各種功能，在用戶友好的界面上實現圖片的預覽和操作，為用戶提供更好的使用體驗。