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')是要预览的图片。

然后图片就出来啦：

当当当当：