chrome瀏覽器不能顯示本地圖片辦法解決（圖片預覽）

近期開發專案時有個功能是實現圖片預覽，但是我將圖片路徑賦值給img標籤的src時，預覽的顯示是這樣的。

唉。我就鬱悶了，再仔細一看，瀏覽器給我加了個路徑啊。

這是什麼鬼東西啊。

試了一下replace替換掉瀏覽器加給我的路徑也不行，還挺頑固啊你。

我還治不了你。呵呵噠，我有base64轉碼。

詳情見下：

$("#ChosePic").change(function () {
    var file = this.files[0];
    var reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onload = function (e) {
        $('#pic').attr('src',this.result);
     };
}

$('#ChosePic')是型別為file的input，用於從電腦上選取圖片，$('#pic')是要預覽的圖片。

然後圖片就出來啦：

噹噹噹當：