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 相关文章推荐
IE8 兼容性问题(属性名区分大小写)
Jun 04 Javascript
用js解决数字不能换行问题
Aug 10 Javascript
利用原生js和jQuery实现单选框的勾选和取消操作的方法
Sep 04 Javascript
js仿微信语音播放实现思路
Dec 12 Javascript
通过构造函数实例化对象的方法
Jun 28 Javascript
深入探究AngularJs之$scope对象(作用域)
Jul 20 Javascript
你应该知道的几类npm依赖包管理详解
Oct 06 Javascript
详解使用webpack打包编写一个vue-toast插件
Nov 08 Javascript
完美解决iview 的select下拉框选项错位的问题
Mar 02 Javascript
微信小程序自定义单项选择器样式
Jul 25 Javascript
Bootstrap实现模态框效果
Sep 30 Javascript
jquery选择器和属性对象的操作实例分析
Jan 10 jQuery
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
类的另类用法--数据的封装
2006/10/09 PHP
PHP数字格式化
2006/12/06 PHP
纯真IP数据库的应用 IP地址转化成十进制
2009/06/14 PHP
一些需要禁用的PHP危险函数(disable_functions)
2012/02/23 PHP
php数组删除元素示例
2014/03/21 PHP
PHP实现Soap通讯的方法
2014/11/03 PHP
php header函数的常用http头设置
2015/06/25 PHP
PHP指定截取字符串中的中英文或数字字符的实例分享
2016/03/18 PHP
修改发贴的编辑功能
2007/03/07 Javascript
js获取本机的外网/广域网ip地址完整源码
2013/08/12 Javascript
JQuery异步加载无限下拉框级联功能实现示例
2014/02/19 Javascript
获取中文字符串的实际长度代码
2014/06/05 Javascript
JavaScript实现数组随机排序的方法
2015/06/26 Javascript
jQuery实现简洁的导航菜单效果
2015/11/23 Javascript
IE下JS保存图片的简单实例
2016/07/15 Javascript
Bootstrap CSS组件之导航条(navbar)
2016/12/17 Javascript
JavaScript表单验证的两种实现方法
2017/02/11 Javascript
Vue.js+Layer表格数据绑定与实现更新的实例
2018/03/07 Javascript
nodejs异步编程基础之回调函数用法分析
2018/12/26 NodeJs
react中使用css的7中方式(最全总结)
2019/02/11 Javascript
监听element-ui table滚动事件的方法
2019/03/26 Javascript
使用layer弹窗提交表单时判断表单是否输入为空的例子
2019/09/26 Javascript
[01:02:05]LGD vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
django admin 后台实现三级联动的示例代码
2018/06/22 Python
Python将list中的string批量转化成int/float的方法
2018/06/26 Python
几行Python代码爬取3000+上市公司的信息
2019/01/24 Python
python中的句柄操作的方法示例
2019/06/20 Python
Python实现生成密码字典的方法示例
2019/09/02 Python
Python编程快速上手——PDF文件操作案例分析
2020/02/28 Python
jupyter 添加不同内核的操作
2021/02/06 Python
简单介绍HTML5中的文件导入
2015/05/08 HTML / CSS
Nice Kicks网上商店:ShopNiceKicks.com
2018/12/25 全球购物
什么是继承
2013/12/07 面试题
优秀党员学习焦裕禄精神思想汇报范文
2014/09/10 职场文书
员工试用期自我鉴定范文
2014/09/15 职场文书
授权委托书样本及填写说明
2014/09/19 职场文书