• 技术文章 >web前端 >js教程

    本地图片预览(支持IE6/IE7/IE8/Firefox3)经验总结_javascript技巧

    2016-05-16 17:39:30原创580
    最近在Web项目开发过程中遇到的本地图片预览的需求,虽然最后因为其他原因没能使用,但是也算有些了解,整理出来。

    这里我们按浏览器分,主要包括IE6,IE7/8 和Firefox3, 不包含Opera,Safari和Chrome,这三个基本上需求很小,没有研究。

    总结一下就是
    IE6下可以直接从file的value获取图片路径来显示预览。
    IE7和IE8下通过select获取file的图片路径,再用滤镜来显示预览。
    FireFox下调用file的getAsDataURL方法获取Data URI数据来显示预览。

    下面是一个完整的Demo:
    复制代码 代码如下:














    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:图片预览
    上一篇:Js md5加密网页版MD5转换代码_javascript技巧 下一篇:Jquery实现带动画效果的经典二级导航菜单_jquery
    PHP编程就业班

    相关文章推荐

    • 什么是流?深入了解Node.js中的可读流• 一文聊聊算法的时间复杂度和空间复杂度• 聊聊Angular 依赖注入体系中的基本概念• javascript技巧之拆箱装箱和类型转换• 详细介绍JavaScript怎么实现哈希表

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网