我采用的是HTML5的方法，里面有涉及到一些HTML的js對象。

核心只有一個，FileReader()對象。

而且需要明白的是，你不能直接通過瀏覽器去獲取磁盤文件，那樣屬于非法的，正確的行為是讓用戶去選擇磁盤文件，然后通過上傳來獲取到這個文件。

至于直接把src改成磁盤文件路徑的做法是行不通的，就算有辦法去實現也是非法的。

<br> //window的onload事件<br> window.onload = function (){<br> //給input綁定onchange事件<br> document.getElementById(&quot;input&quot;).onchange = function (){<br> //實例化一個FileReader對象<br> var fileReader = new FileReader();<br> //設置FileReader對象初始化<br> fileReader.onload = function (event) {<br> //這塊的可以去查HTML的FileReader對象對應的API<br> document.getElementById(&quot;img&quot;).src = event.target.result;<br> image = event.target.result;<br> }<br> //很不推薦使用this關鍵字 能不用則不用<br> //fileReader.readAsDataURL(this.files[0]);<br> //采用DataURL編碼<br> fileReader.readAsDataURL(document.getElementById(&quot;input&quot;).files[0]);<br> };<br> };<br> 

用file對象給用戶選擇，無法直接加載指定客戶端圖片路徑，除非你file瀏覽而不是發布后通過http協議訪問

javascript客戶端圖片預覽