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 相关文章推荐
关于Mozilla浏览器不支持innerText的解决办法
Jan 01 Javascript
什么是json和jsonp,jQuery json实例详详细说明
Dec 11 Javascript
Javascript中setTimeOut和setInterval的定时器用法
Jun 12 Javascript
详细总结Javascript中的焦点管理
Sep 17 Javascript
JavaScript实现使用Canvas绘制图形的基本教程
Oct 27 Javascript
BootStrap table使用方法分析
Nov 08 Javascript
JavaScript中Math对象的方法介绍
Jan 05 Javascript
jQuery文字轮播特效
Feb 12 Javascript
JS返回页面时自动回滚到历史浏览位置
Sep 26 Javascript
Layui tree 下拉菜单树的实例代码
Sep 21 Javascript
JavaScript实现手机号码 3-4-4格式并控制新增和删除时光标的位置
Jun 02 Javascript
vant-ui组件调用Dialog弹窗异步关闭操作
Nov 04 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删除文件夹的三种方法
2013/06/09 PHP
PHP实现视频文件上传完整实例
2014/08/28 PHP
php导出中文内容excel文件类实例
2015/07/06 PHP
新闻内页-JS分页
2006/06/07 Javascript
JavaScript DOM学习第六章 表单实例
2010/02/19 Javascript
JavaScript插入动态样式实现代码
2012/02/22 Javascript
jQuery操作Select选择的Text和Value(获取/设置/添加/删除)
2013/03/06 Javascript
easyui datagrid 键盘上下控制选中行示例
2014/03/31 Javascript
js对象内部访问this修饰的成员函数示例
2014/04/27 Javascript
AngularJS定时器的使用与移除操作方法【interval与timeout】
2016/12/14 Javascript
原生js和css实现图片轮播效果
2017/02/07 Javascript
JavaScript中常见的八个陷阱总结
2017/06/28 Javascript
微信小程序数据存储与取值详解
2018/01/30 Javascript
详解Vue中watch的高级用法
2018/05/02 Javascript
原生JS实现列表子元素顺序反转的方法分析
2018/07/02 Javascript
微信小程序生成分享海报方法(附带二维码生成)
2019/03/29 Javascript
Python编写屏幕截图程序方法
2015/02/18 Python
Python获取单个程序CPU使用情况趋势图
2015/03/10 Python
一张图带我们入门Python基础教程
2017/02/05 Python
利用Python2下载单张图片与爬取网页图片实例代码
2017/12/25 Python
pandas 取出表中一列数据所有的值并转换为array类型的方法
2018/04/11 Python
对python中的装包与解包实例详解
2019/08/24 Python
Python多线程及其基本使用方法实例分析
2019/10/29 Python
Win10下用Anaconda安装TensorFlow(图文教程)
2020/06/18 Python
Python制作运行进度条的实现效果(代码运行不无聊)
2021/02/24 Python
巧用CSS3的calc()宽度计算做响应模式布局的方法
2018/03/22 HTML / CSS
欧洲最大的球衣网上商店:Kitbag
2017/11/11 全球购物
惊艳的手工时装首饰:Migonne Gavigan
2018/02/23 全球购物
《藤野先生》教学反思
2014/02/19 职场文书
理工学院学生自我鉴定
2014/02/23 职场文书
预备党员入党自我评价范文
2014/03/10 职场文书
开学寄语大全
2014/04/08 职场文书
视光学专业自荐信
2014/06/24 职场文书
房屋分割离婚协议书范本
2014/12/01 职场文书
房产公证书格式
2015/01/26 职场文书
Python基础 括号()[]{}的详解
2021/11/07 Python