用图像导入外部html文件

Question

这是我的HTML代码：

<input id="file" type="file">
<div id="preview">Preview</div>

和JavaScript代码：

function handleFileSelect(evt) {
    var file = evt.target.files[0];
    var reader = new FileReader();
    reader.onload = function(e) {
    document.getElementById('preview').innerHTML = e.target.result;
    };
    reader.readAsText(file);
};
document.getElementById('file').addEventListener('change',handleFileSelect, false);

小提琴：https://jsfiddle.net/8te1hyv9/4/

我正在尝试将本地驱动器中的外部html文件加载到div id预览中。它的工作正常只有图像src url在服务器上.. 如何将图像从本地驱动器显示到预览中。这可以在导入html文件时将图像URL转换为base 64。