显示上传图片时出现“不允许加载本地资源”错误

Question

选择图像文件并尝试在img标签中将其显示为缩略图时出现write-information错误，我注意到Chrome浏览器出于安全考虑禁止加载本地资源。

我已经尝试过js部分来检查文件格式并设置img标签的属性。

html代码：

Not allowed to load local resource

js代码：

    <input type="file" id="image"/>
    <img id="thumbnail-show"/>

有什么办法可以避免此错误？还有显示缩略图的更好方法吗？