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 相关文章推荐
JavaScript实现自己的DOM选择器原理及代码
Mar 04 Javascript
javascript实现数组中的内容随机输出
Aug 11 Javascript
基于JavaScript Array数组方法(新手必看篇)
Aug 20 Javascript
文件上传插件SWFUpload的使用指南
Nov 29 Javascript
jQuery中用on绑定事件时需注意的事项
Mar 19 Javascript
微信小程序--组件(swiper)详细介绍
Jun 13 Javascript
php中and 和 &&出坑指南
Jul 13 Javascript
Vux+Axios拦截器增加loading的问题及实现方法
Nov 08 Javascript
一篇文章介绍redux、react-redux、redux-saga总结
May 23 Javascript
JavaScript实现单英文金山打字通
Jul 24 Javascript
vuex分模块后,实现获取state的值
Jul 26 Javascript
JS继承最简单的理解方式
Mar 31 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中mysqli_affected_rows作用行数返回值分析
2014/12/26 PHP
php模拟实现斗地主发牌
2020/04/22 PHP
javascript中的对象和数组的应用技巧
2007/01/07 Javascript
用javascript实现读取txt文档的脚本
2007/07/20 Javascript
javascript 循环调用示例介绍
2013/11/20 Javascript
jquery控制select的text/value值为选中状态
2014/06/03 Javascript
用box固定长宽实现图片自动轮播js代码
2014/06/09 Javascript
jQuery中:checked选择器用法实例
2015/01/04 Javascript
跟我学习javascript的函数和函数表达式
2015/11/16 Javascript
jQuery滚动加载图片实现原理
2015/12/14 Javascript
javascript事件委托的用法及其好处简析
2016/04/04 Javascript
Vue.js创建Calendar日历效果
2016/11/03 Javascript
微信小程序开发教程-手势解锁实例
2017/01/06 Javascript
Node.js实现连接mysql数据库功能示例
2017/09/15 Javascript
jQuery+SpringMVC中的复选框选择与传值实例
2018/01/08 jQuery
JS实现基本的网页计算器功能示例
2020/01/16 Javascript
手把手教您实现react异步加载高阶组件
2020/04/07 Javascript
Vue+Openlayers自定义轨迹动画
2020/09/24 Javascript
Python编程实现双链表,栈,队列及二叉树的方法示例
2017/11/01 Python
Python中sort和sorted函数代码解析
2018/01/25 Python
详解Python中如何写控制台进度条的整理
2018/03/07 Python
Selenium chrome配置代理Python版的方法
2018/11/29 Python
详解Python读取yaml文件多层菜单
2019/03/23 Python
python 反编译exe文件为py文件的实例代码
2019/06/27 Python
python实现列表中最大最小值输出的示例
2019/07/09 Python
Python3并发写文件与Python对比
2019/11/20 Python
Python如何向SQLServer存储二进制图片
2020/06/08 Python
祖国在我心中演讲稿600字
2014/05/04 职场文书
门卫岗位职责说明书
2014/08/18 职场文书
法人授权委托书范本
2014/09/17 职场文书
会计工作检讨书
2015/02/19 职场文书
小学少先队工作总结2015
2015/05/26 职场文书
公司员工离职感言
2015/08/03 职场文书
高中体育课教学反思
2016/02/16 职场文书
python实现腾讯滑块验证码识别
2021/04/27 Python
MySQL query_cache_type 参数与使用详解
2021/07/01 MySQL