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 建设银行登陆键盘
Jun 10 Javascript
jquery CSS选择器笔记
Mar 29 Javascript
为jQuery.Treeview添加右键菜单的实现代码
Oct 22 Javascript
网页广告中JS代码的信息监听示例
Apr 02 Javascript
JS实现一个列表中包含上移下移删除等功能
Sep 24 Javascript
JavaScript中的style.cssText使用教程
Nov 06 Javascript
js去除浏览器默认底图的方法
Jun 08 Javascript
js实现的简单radio背景颜色选择器代码
Aug 18 Javascript
jQuery基于Ajax方式提交表单功能示例
Feb 10 Javascript
AngularJS表格样式简单设置方法示例
Mar 03 Javascript
JavaScript之浏览器对象_动力节点Java学院整理
Jul 03 Javascript
微信小程序页面生命周期详解
Jan 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
thinkphp的CURD和查询方式介绍
2013/12/19 PHP
php中mkdir函数用法实例分析
2014/11/15 PHP
laravel实现按时间日期进行分组统计方法示例
2019/03/23 PHP
php 使用mpdf实现指定字段配置字体样式的方法
2019/07/29 PHP
php设计模式之中介者模式分析【星际争霸游戏案例】
2020/03/23 PHP
锋利的jQuery 第三章章节总结的例子
2010/03/23 Javascript
jQuery的Ajax时无响应数据的解决方法
2010/05/25 Javascript
jquery分页插件AmSetPager(自写)
2013/04/15 Javascript
jquery实现滑动图片自己测试的例子
2013/11/05 Javascript
基于jquery插件制作左右按钮与标题文字图片切换效果
2013/11/07 Javascript
JS判断变量是否为空判断是否null
2014/07/25 Javascript
readonly和disabled属性的区别
2015/07/26 Javascript
原生javascript实现分享到朋友圈功能 支持ios和android
2016/05/11 Javascript
jquery+CSS3实现3D拖拽相册效果
2016/07/18 Javascript
JS/jquery实现一个网页内同时调用多个倒计时的方法
2017/04/27 jQuery
js实现随机数字字母验证码
2017/06/19 Javascript
微信小程序progress组件使用详解
2018/01/31 Javascript
用Node提供静态文件服务的方法
2018/07/06 Javascript
Vue Cli3 创建项目的方法步骤
2018/10/15 Javascript
小程序hover-class点击态效果实现
2019/02/26 Javascript
详解webpack-dev-middleware 源码解读
2020/03/23 Javascript
部署vue+Springboot前后端分离项目的步骤实现
2020/05/31 Javascript
python网络编程示例(客户端与服务端)
2014/04/24 Python
详解Python之unittest单元测试代码
2018/01/24 Python
python批量获取html内body内容的实例
2019/01/02 Python
基于numpy中的expand_dims函数用法
2019/12/18 Python
通过python 执行 nohup 不生效的解决
2020/04/16 Python
Python3爬虫mitmproxy的安装步骤
2020/07/29 Python
pycharm 配置svn的图文教程(手把手教你)
2021/01/15 Python
python urllib和urllib3知识点总结
2021/02/08 Python
N.Peal官网:来自伦敦的高档羊绒品牌
2018/10/29 全球购物
Tuckernuck官网:经典的美国品质服装、鞋子和配饰
2021/01/11 全球购物
法人任命书范本
2014/06/04 职场文书
机械专业应届毕业生自荐书
2014/06/12 职场文书
MySQL数据库压缩版本安装与配置详细教程
2021/05/21 MySQL
Mysql 设置boolean类型的操作
2021/06/04 MySQL