ie8本地图片上传预览示例代码

首页 > 网络编程 > JavaScript > javascript技巧 更新日期: 2016-04-14
ie8本地图片上传预览出现问题是因为限制浏览器造访本地文件,所以用到滤镜和div,下面有个不错的示例,希望对大家有所帮助
代码如下:

imgpath= getRealPath(fileId);
document.getElementById("divSBTP").style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src=\""+ imgpath + "\")";//使用滤镜效果
function getRealPath(fileId){
var file_upl = document.getElementById(fileId);
file_upl.select();
return document.selection.createRange().text;
}

说明:ie8本地图片上传预览不能直接用$(“#img”).attr(“src”,imapath),因为限制浏览器造访本地文件,所以用到滤镜和div,如果滤镜和img使用会出现破图标志。

> 本站内容系网友提交或本网编辑转载,其目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请及时与本网联系,我们将在第一时间删除内容!

相关文章
  • 模拟QQ心情图片上传预览示例
    模拟QQ心情图片上传预览示例
    目前js端不支持获取本地图片进行预览,正好在做一款类似于QQ心情的发布框,找了不少jquery插件,先粘上以下插件,感兴趣的朋友可以参考下出于安全性能的考虑,目前js端不支持获取本地图片进行预览,正好在做一款类似于QQ心情的发布框,找了不少jquery插件,没几个能满足需求,因此自己使用SWFuplad来实现这个图片上传预览. 先粘上以下插件,在别的图片上传 ...
  • Javascript图片上传前的本地预览实例
    图片的上传预览功能主要用于图片上传前的一个效果的预览,这篇文章主要介绍了Javascript图片上传前的本地预览实例,需要的朋友可以参考下图片的上传预览功能主要用于图片上传前的一个效果的预览,目前主流的方法主要有js,jquery与flash实现,但我们一般都会使用js来实现图片上传预览功能,下面来看一个例子. 原理: 分为两步:当上传图片的input被触发 ...
  • jquery实现图片上传之前预览的方法
    这篇文章主要介绍了jquery实现图片上传之前预览的方法,涉及jquery针对图片及页面元素的相关操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下本文实例讲述了jquery实现图片上传之前预览的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tran ...
  • yii实现图片上传及缩略图生成的方法
    这篇文章主要介绍了yii实现图片上传及缩略图生成的方法,详细分析了图片的上传及缩略图的生成原理与实现方法,是非常实用的技巧,需要的朋友可以参考下本文实例讲述了利用yii框架来实现图片上传功能并在上传成功之后自动生成缩略图的方法,分享给大家供大家参考.具体实现方法如下: Action文件: 代码如下:<?php/** * TestController.p ...
  • 基于jquery实现图片上传本地预览功能
    这篇文章主要介绍了基于jquery实现图片上传本地预览功能的相关资料,需要的朋友可以参考下当我们在上传文件时如果每次都要上传到服务器才可以预览这个做看上合理其实是不合理的,如果网速慢或图片有问题,这样不但浪费客户时间同时也浪费服务器资源了,下面我们介绍利用js上传图片时本地实现预览,希望此方法对各位有所帮助哦.一.原理 分为两步: 当上传图片的input被触 ...
猜你喜欢