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 相关文章推荐
学习从实践开始之jQuery插件开发 菜单插件开发
May 03 Javascript
使用Plupload实现直接上传附件至七牛云存储
Dec 26 Javascript
基于JavaScript短信验证码如何实现
Jan 24 Javascript
js 动态给元素添加、移除事件的实现方法
Jul 19 Javascript
Javascript 高性能之递归,迭代,查表法详解及实例
Jan 08 Javascript
js实现一个猜数字游戏
Mar 31 Javascript
js判断传入时间和当前时间大小实例(超简单)
Jan 11 Javascript
Vue cli 引入第三方JS和CSS的常用方法分享
Jan 20 Javascript
ionic使用angularjs表单验证(模板验证)
Dec 12 Javascript
微信小程序开发之左右分栏效果的实例代码
May 20 Javascript
ant-design-vue中的select选择器,对输入值的进行筛选操作
Oct 24 Javascript
Node.js path模块,获取文件后缀名操作
Nov 07 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编写RESTful接口的方法
2016/02/21 PHP
PHP中读取文件的几个方法总结(推荐)
2016/06/03 PHP
PHP使用GD库输出汉字的方法【测试可用】
2016/11/10 PHP
jQuery UI AutoComplete 自动完成使用小记
2010/08/21 Javascript
node.js中的buffer.slice方法使用说明
2014/12/10 Javascript
微信小程序  action-sheet详解及实例代码
2016/11/09 Javascript
Bootstrap弹出框之自定义悬停框标题、内容和样式示例代码
2017/07/11 Javascript
javascript观察者模式实现自动刷新效果
2017/09/05 Javascript
微信小程序常用简易小函数总结
2019/02/01 Javascript
js实现3D照片墙效果
2019/10/28 Javascript
使用JavaScript和MQTT开发物联网应用示例解析
2020/08/07 Javascript
python实现探测socket和web服务示例
2014/03/28 Python
python回调函数用法实例分析
2015/05/09 Python
python编写微信远程控制电脑的程序
2018/01/05 Python
Python2中文处理纪要的实现方法
2018/03/10 Python
python 将md5转为16字节的方法
2018/05/29 Python
启动Atom并运行python文件的步骤
2018/11/09 Python
Python3.5内置模块之os模块、sys模块、shutil模块用法实例分析
2019/04/27 Python
基于python-opencv3的图像显示和保存操作
2019/06/27 Python
python多线程+代理池爬取天天基金网、股票数据过程解析
2019/08/13 Python
Python使用selenium + headless chrome获取网页内容的方法示例
2019/10/16 Python
深度学习入门之Pytorch 数据增强的实现
2020/02/26 Python
pytorch快速搭建神经网络_Sequential操作
2020/06/17 Python
用ldap作为django后端用户登录验证的实现
2020/12/07 Python
python中的unittest框架实例详解
2021/02/05 Python
H&M美国官网:欧洲最大的服饰零售商
2016/09/07 全球购物
白色公司:The White Company
2017/10/11 全球购物
法国女性内衣购物网站:Glamuse
2019/05/13 全球购物
数控技术专业推荐信
2013/11/01 职场文书
玩具公司的创业计划书
2013/12/31 职场文书
信息管理与信息系统专业求职信
2014/06/21 职场文书
小学教师学习党的群众路线教育实践活动心得体会
2014/10/31 职场文书
法律服务所工作总结
2015/08/10 职场文书
python 如何获取页面所有a标签下href的值
2021/05/06 Python
浅谈python数据类型及其操作
2021/05/25 Python
flex弹性布局详解
2022/03/20 HTML / CSS