超簡單：圖片選擇即時預覽的單行代碼

任務：實作圖片上傳功能，但在上傳前先顯示本地圖片內容預覽。

首先，命名一個 id="pic" 的 <img> 標籤（id 命名可自訂）：

<img id="pic" />

然後看檔案選擇框：

<input type="file" name="doc" onChange="document.images['pic'].src=this.value;" />

關鍵在於這一行：

onChange="document.images['pic'].src=this.value;"

具體含義想必大家很清楚，這裡不再贅述。注意 document.images['pic'].src=this.value; 中的 pic 需與 <img> 的 id 保持一致。