javascript预览上传图片发现的问题的解决方法


Posted in Javascript onNovember 25, 2010

先看看效果图吧:
javascript预览上传图片发现的问题的解决方法
机会难得,有点技术亮点,就一下子投入到功能开发中去了。在这一块的功能开发中,自己还是学到些不错的东西,其中一点就是,用户选择上传的图片,如何预览出来呢。网上找了些资料,最终采用如下方法:

function (obj) { //logo上传添加事件 
var logoimg = null; 
if (document.all) {//如果是IE情况下 
obj.select(); 
logoimg = document.selection.createRange().text; 
//由于是采用滤镜的方式,所以要把图片设置为不可见,在图片外层的DIV上面设置滤镜效果 
$(".setup_logo_left img").removeAttr("src"); 
$(".setup_logo_left img").css("display", "none"); 
var img = document.getElementById("preview_fake"); 
img.filters.item( 
'DXImageTransform.Microsoft.AlphaImageLoader').src = logoimg; 
return; 
} 
logoimg = obj.files[0].getAsDataURL(); 
$(".setup_logo_left img").attr("src", logoimg); 
}

效果很不错,在IE6,IE7,IE8,FOX,哦还有一个特让人纠结的360都正常显示
Javascript 相关文章推荐
直接生成打开窗口代码,不必下载
May 14 Javascript
JavaScript学习历程和心得小结
Aug 16 Javascript
JQury slideToggle闪烁问题及解决办法
Jul 05 Javascript
JavaScript高级程序设计 学习笔记 js高级技巧
Sep 20 Javascript
javascript十六进制及二进制转化的方法
May 06 Javascript
jquery显示loading图片直到网页加载完成的方法
Jun 25 Javascript
jquery+json实现数据二级联动的方法
Nov 28 Javascript
JS中多步骤多分步的StepJump组件实例详解
Apr 01 Javascript
第十章之巨幕页头缩略图与警告框组件
Apr 25 Javascript
基于JS实现的笛卡尔乘积之商品发布
May 13 Javascript
jQuery电话号码验证实例
Jan 05 Javascript
如何在vue里添加好看的lottie动画
Aug 02 Javascript
juqery 学习之三 选择器 子元素与表单
Nov 25 #Javascript
juqery 学习之三 选择器 可见性 元素属性
Nov 25 #Javascript
juqery 学习之三 选择器 简单 内容
Nov 25 #Javascript
juqery 学习之三 选择器 层级 基本
Nov 25 #Javascript
jquery 学习之二 属性 文本与值(text,val)
Nov 25 #Javascript
jquery 学习之二 属性(html()与html(val))
Nov 25 #Javascript
jquery 学习之二 属性(类)
Nov 25 #Javascript
You might like
php数组函数序列之end() - 移动数组内部指针到最后一个元素,并返回该元素的值
2011/10/31 PHP
PHP jQuery表单,带验证具体实现方法
2014/02/15 PHP
PHP中file_exists函数不支持中文名的解决方法
2014/07/26 PHP
Laravel重写用户登录简单示例
2016/10/08 PHP
Redis在Laravel项目中的应用实例详解
2017/08/11 PHP
php+redis消息队列实现抢购功能
2018/02/08 PHP
Laravel模型事件的实现原理详解
2018/03/14 PHP
javascript之AJAX框架使用说明
2010/04/24 Javascript
jQuery 表单验证扩展代码(二)
2010/10/20 Javascript
网站接入QQ登录的两种方法
2014/07/22 Javascript
javascript事件模型实例分析
2015/01/30 Javascript
JS中获取函数调用链所有参数的方法
2015/05/07 Javascript
浅析javascript中的事件代理
2015/11/06 Javascript
js中new一个对象的过程
2017/02/20 Javascript
Vue 实现列表动态添加和删除的两种方法小结
2018/09/07 Javascript
微信小程序城市选择及搜索功能的方法
2019/03/22 Javascript
通过实例讲解JS如何防抖动
2019/06/15 Javascript
VUE实现图片验证码功能
2020/11/18 Javascript
分享JS表单验证源码(带错误提示及密码等级)
2020/01/05 Javascript
python网络编程学习笔记(五):socket的一些补充
2014/06/09 Python
python 实现调用子文件下的模块方法
2018/12/07 Python
python xpath获取页面注释的方法
2019/01/14 Python
使用Pandas对数据进行筛选和排序的实现
2019/07/29 Python
Python结合百度语音识别实现实时翻译软件的实现
2021/01/18 Python
CSS3 对过渡(transition)进行调速以及延时
2020/10/21 HTML / CSS
用HTML5.0制作网页的教程
2010/05/30 HTML / CSS
您附近的水疗和健康场所:Spafinder(美国)
2019/07/05 全球购物
2019年Java 最常见的 面试题
2016/10/19 面试题
职务说明书范文
2014/05/07 职场文书
中学生社会实践活动总结
2014/07/03 职场文书
工作证明英文模板
2014/10/21 职场文书
干部年终考核评语
2015/01/04 职场文书
幼儿教师远程研修感悟
2015/11/18 职场文书
详解Python为什么不用设计模式
2021/06/24 Python
总结Java对象被序列化的两种方法
2021/06/30 Java/Android
SpringBoot整合RabbitMQ的5种模式实战
2021/08/02 Java/Android