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使用会出现破图标志。

相关文章

  • 微信小程序 函数防抖 解决重复点击消耗性能问题实现代码

    微信小程序 函数防抖 解决重复点击消耗性能问题实现代码

    这篇文章主要介绍了微信小程序使用函数防抖解决重复点击消耗性能问题实现代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • js实现图片上传到服务器和回显

    js实现图片上传到服务器和回显

    这篇文章主要介绍了js实现图片上传到服务器和回显,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-01-01
  • 深入理解选择框脚本[推荐]

    深入理解选择框脚本[推荐]

    选择框是通过<select>和<option>元素创建的,又称为下拉列表框。为了方便与这个控件交互,除了所有表单字段共有的属性和方法外,javascript还提供了一些属性和方法。本文将详细介绍选择框脚本
    2016-12-12
  • 深入探究使JavaScript动画流畅的一些方法

    深入探究使JavaScript动画流畅的一些方法

    这篇文章主要介绍了使JavaScript动画流畅的一些方法,包括与CSS动画效果的一些对比,需要的朋友可以参考下
    2015-06-06
  • 如何在vscode中使用Typescript并运行详解

    如何在vscode中使用Typescript并运行详解

    在VSCode中编写的TypeScript代码不能直接运行,需要先用tsc编译为JavaScript,然后才能运行,下面这篇文章主要给大家介绍了关于如何在vscode中使用Typescript并运行的相关资料,需要的朋友可以参考下
    2023-05-05
  • JS基础之逻辑结构与循环操作示例

    JS基础之逻辑结构与循环操作示例

    这篇文章主要介绍了JS基础之逻辑结构与循环操作,结合实例形式分析了JavaScript逻辑判断、流程控制、循环语句等相关操作技巧,需要的朋友可以参考下
    2020-01-01
  • js onclick事件传参讲解

    js onclick事件传参讲解

    本文是对js中的onclick事件传参进行了详细的讲解,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • 微信小程序实现点击效果

    微信小程序实现点击效果

    这篇文章主要为大家详细介绍了微信小程序实现点击效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-06-06
  • javascript实现简单倒计时效果

    javascript实现简单倒计时效果

    这篇文章主要为大家详细介绍了javascript实现倒计时效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • 兼容ie和firefox的鼠标经过(onmouseover和onmouseout)实现--简短版

    兼容ie和firefox的鼠标经过(onmouseover和onmouseout)实现--简短版

    兼容ie和firefox的鼠标经过(onmouseover和onmouseout)实现--简短版...
    2007-11-11

最新评论