一种读取输入文件路径并显示本地的方法。

复制代码代码如下所示：

图像预览的例子

无功loadimagefile =（函数（）{（）
如果（窗口。FileReader）{
无功opreviewimg = null，ofreader =新window.filereader（），
RFilter (image/bmp|image/cis-cod|image/gif|image/ief|image/jpeg|image/jpeg|image/jpeg|image/pipeg|image/png|image/svg+xml|image/tiff|image/x-cmu-raster|image/x-cmx|image/x-icon|image/x-portable-anymap|image/x-portable: -bitmap|image/x-portable-graymap|image/x-portable-pixmap|image/x-rgb|image/x-xbitmap|image/x-xpixmap|image/x-xwindowdump) = / ^ $/i;

ofreader.onload =功能（ofrevent）{
如果（！OPreviewImg）{
无功newpreview = document.getelementbyid（imagepreview ）；
opreviewimg =新的图像（）；
opreviewimg.style.width =（newpreview。offsetwidth）。ToString（）+PX；
opreviewimg.style.height =（newpreview。offsetheight）。ToString（）+PX；
newpreview.appendchild（opreviewimg）；
}
opreviewimg.src = ofrevent.target.result；
}；

返回函数（）{
无功afiles = document.getelementbyid（imageinput 文件）；
如果（afiles.length = 0）{ return }；
如果（！rfilter.test（afiles { 0 }。型））{ alert（你必须选择一个有效的图像文件！）；返回；}
OFReader.readAsDataURL（afiles { 0 }）；
}

}
如果（navigator.appname =微软Internet Explorer）{
返回函数（）{
警报（document.getelementbyid（imageinput）。值）；
document.getelementbyid（imagepreview）。Filters.item（dximagetransform。微软。AlphaImageLoader）。src= document.getelementbyid（imageinput ）的价值；

}
}
}）；
{ # imagepreview
宽度：160px；
身高：120px；
过滤器：ProgID：DXImageTransform.Microsoft.AlphaImageLoader（sizingmethod =规模）；
}


但需要注意的是在IE8因为IE8会看中隐藏警报印刷真实路径是C结果： / / * fakepath .webp这样的方法不能使用

解决方案是：在工具>选项> Internet > >中查找本地文件中的其他自定义级别安全性将被上载到服务器，包含本地目录路径，选择启用。