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

 更新时间:2014年01月12日 17:44:30   投稿:whsnow  
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使用会出现破图标志。

相关文章

  • JavaScript利用crypto模块实现加解密

    JavaScript利用crypto模块实现加解密

    crypto模块提供了加密功能,包含对 OpenSSL 的哈希、HMAC、加密、解密、签名、以及验证功能的一整套封装。本文将利用它实现加解密算法,需要的可以参考一下
    2023-02-02
  • JavaScript滑移效果代码

    JavaScript滑移效果代码

    这里说的滑移其实就是减速效果,能根据设定的坐标平面移动。
    2008-09-09
  • JavaScript的兼容性与调试技巧

    JavaScript的兼容性与调试技巧

    可能在大家使用JavaScript效果时,会碰到在各个浏览器中页面的显示效果不同,甚至报错,这就是代码的兼容性问题。本文就是主要介绍JavaScript的兼容性与调试技巧,希望对大家有所帮助
    2016-11-11
  • php对mongodb的扩展(小试牛刀)

    php对mongodb的扩展(小试牛刀)

    本文主要讲解php连接、操作mongodb,有需求的朋友可以参考下
    2012-11-11
  • JavaScript六种常见的继承方法分享

    JavaScript六种常见的继承方法分享

    继承是面向对象编程中的一个重要概念,它允许一个对象(子类或派生类)获取另一个对象(父类或基类)的属性和方法,在 JavaScript 中,有多种方式可以实现继承,本文将给大家介绍六种常见的JavaScript继承方法,需要的朋友可以参考下
    2023-09-09
  • ExtJs的Ext.Ajax.request实现waitMsg等待提示效果

    ExtJs的Ext.Ajax.request实现waitMsg等待提示效果

    这篇文章主要介绍了ExtJs的Ext.Ajax.request实现waitMsg等待提示效果,需要的朋友可以参考下
    2017-06-06
  • 通过js实现压缩图片上传功能

    通过js实现压缩图片上传功能

    这篇文章主要介绍了通过js实现压缩图片上传功能,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-02-02
  • BootStrap实现文件上传并带有进度条效果

    BootStrap实现文件上传并带有进度条效果

    这篇文章主要介绍了BootStrap实现文件上传并带有进度条效果,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-09-09
  • Phaser.js实现简单的跑酷游戏附源码下载

    Phaser.js实现简单的跑酷游戏附源码下载

    这篇文章主要介绍了Phaser.js实现简单的跑酷游戏附源码下载,需要的朋友可以参考下
    2018-10-10
  • jQuery与JavaScript节点创建方法的对比

    jQuery与JavaScript节点创建方法的对比

    本文主要介绍jQuery与JavaScript节点的创建方法,以及他们的具体代码实现方法,大家可以对比下他们之间的不同,希望对大家编写代码有所帮助
    2016-11-11

最新评论