读取input:file的路径并显示本地的图片

最新推荐文章于 2023-08-04 09:38:17 发布

gwpJava

最新推荐文章于 2023-08-04 09:38:17 发布

阅读量1.1k

点赞数 1

分类专栏： Html/Css/JavaScript 文章标签：读取inputfile的路径并显示本地的

本文链接：https://blog.csdn.net/gwpjava/article/details/9997467

版权

本文介绍了在IE8浏览器中，由于安全设置导致无法获取到input:file的真实路径，从而影响本地图片显示的问题。通过调整浏览器的Internet选项，启用‘将本地文件上载至服务器时包含本地目录路径’设置，可以解决这个问题。

摘要由CSDN通过智能技术生成

<!doctype html>
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<title>Image preview example</title>
<script type="text/javascript">
var loadImageFile = (function () {
   if (window.FileReader) {
       var   oPreviewImg = null, oFReader = new 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 = function (oFREvent) {
           if (!oPreviewImg) {