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实现的页面日历
Nov 04 Javascript
jquery 模板的应用示例
Nov 12 Javascript
JS控制图片翻转示例代码(兼容firefox,ie,chrome)
Dec 19 Javascript
js之ActiveX控件使用说明 new ActiveXObject()
Mar 03 Javascript
学习JavaScript正则表达式
Nov 13 Javascript
深入浅析JavaScript中的scrollTop
Jul 11 Javascript
BootStrap 动态添加验证项和取消验证项的实现方法
Sep 28 Javascript
xmlplus组件设计系列之下拉刷新(PullRefresh)(6)
May 03 Javascript
React+react-dropzone+node.js实现图片上传的示例代码
Aug 23 Javascript
微信小程序实现跑马灯效果完整代码(附效果图)
May 30 Javascript
JavaScript遍历查找数组中最大值与最小值的方法示例
May 24 Javascript
vue router动态路由设置参数可选问题
Aug 21 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
《魔兽争霸3》重制版究竟重制了什么?玩家:这么糊弄真的好吗?
2020/05/04 魔兽争霸
咖啡豆分级制度 咖啡豆等级分类 咖啡豆是按口感分类的吗?
2021/03/05 新手入门
PHP 上传文件的方法(类)
2009/07/30 PHP
php生成随机颜色的方法
2014/11/13 PHP
DOM基础及php读取xml内容操作的方法
2015/01/23 PHP
php按字符无乱码截取中文的方法
2015/03/27 PHP
JQuery 解析多维的Json数据格式
2009/11/02 Javascript
JavaScript模板入门介绍
2012/09/26 Javascript
jQuery创建平滑的页面滚动(顶部或底部)
2013/02/26 Javascript
js判断选择的时间是否大于今天的代码
2013/08/20 Javascript
利用Js+Css实现折纸动态导航效果实例源码
2017/01/25 Javascript
Vue.js实现的计算器功能完整示例
2018/07/11 Javascript
使用watch在微信小程序中实现全局状态共享
2019/06/03 Javascript
Element InputNumber 计数器的实现示例
2020/08/03 Javascript
JS addEventListener()和attachEvent()方法实现注册事件
2021/01/11 Javascript
Python常用知识点汇总
2016/05/08 Python
python3.5 email实现发送邮件功能
2018/05/22 Python
Django 迁移、操作数据库的方法
2019/08/02 Python
Python实现滑动平均(Moving Average)的例子
2019/08/24 Python
使用OpenCV实现仿射变换—缩放功能
2019/08/29 Python
解决pycharm上的jupyter notebook端口被占用问题
2019/12/17 Python
完美解决IE8下不兼容rgba()的问题
2017/03/31 HTML / CSS
鱼油专家:Omegavia
2016/10/10 全球购物
英国最大的手表网站:The Watch Hut
2017/03/31 全球购物
文秘专业应届生求职信范文
2013/11/14 职场文书
服装设计专业自荐书范文
2013/12/30 职场文书
2014年公务员工作总结
2014/11/18 职场文书
出纳工作检讨书范文
2014/12/27 职场文书
2015年少先队活动总结
2015/03/25 职场文书
建党伟业观后感
2015/06/01 职场文书
幼儿园奖惩制度范本
2015/08/05 职场文书
为什么 Nginx 比 Apache 更牛逼
2021/03/31 Servers
Python进阶学习之带你探寻Python类的鼻祖-元类
2021/05/08 Python
MySQL数据库10秒内插入百万条数据的实现
2021/11/01 MySQL
http通过StreamingHttpResponse完成连续的数据传输长链接方式
2022/02/12 Python
MYSQL如何查看进程和kill进程
2022/03/13 MySQL