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 相关文章推荐
JS对select控件option选项的增删改查示例代码
Oct 21 Javascript
用js提交表单解决一个页面有多个提交按钮的问题
Sep 01 Javascript
JS实现文字向下滚动完整实例
Feb 06 Javascript
jQuery ajax分页插件实例代码
Jan 27 Javascript
[原创]Javascript 实现广告后加载 可加载百度谷歌联盟广告
May 11 Javascript
Jquery Easyui进度条组件Progress使用详解(8)
Mar 26 Javascript
JS正则RegExp.test()使用注意事项(不具有重复性)
Dec 28 Javascript
使用3D引擎threeJS实现星空粒子移动效果
Sep 13 Javascript
JavaScript中严格判断NaN的方法
Feb 16 Javascript
Vue.JS实现垂直方向展开、收缩不定高度模块的JS组件
Jun 19 Javascript
bootstrap table实现横向合并与纵向合并
Jul 18 Javascript
node.js使用 http-proxy 创建代理服务器操作示例
Feb 10 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
ajax实现无刷新分页(php)
2010/07/18 PHP
php中批量删除Mysql中相同前缀的数据表的代码
2011/07/01 PHP
php实现可以设置中奖概率的抽奖程序代码分享
2014/01/19 PHP
JavaScript 不只是脚本
2007/05/30 Javascript
js Dialog 实践分享
2012/10/22 Javascript
javascript计算星座属相(十二生肖属相)示例代码
2014/01/09 Javascript
JavaScript 基本概念
2015/01/20 Javascript
jQuery标签编辑插件Tagit使用指南
2015/04/21 Javascript
$.extend 的一个小问题
2015/06/18 Javascript
Javascript简单实现面向对象编程继承实例代码
2015/11/27 Javascript
vuejs动态组件给子组件传递数据的方法详解
2016/09/09 Javascript
详解动画插件wow.js的使用方法
2017/09/13 Javascript
vue路由跳转时判断用户是否登录功能的实现
2017/10/26 Javascript
javascript按钮禁用和启用的效果实例代码
2017/10/29 Javascript
mongoose更新对象的两种方法示例比较
2017/12/19 Javascript
JS实现Cookie读、写、删除操作工具类示例
2018/08/28 Javascript
JavaScript实现拖拽效果
2020/03/16 Javascript
jquery检测上传文件大小示例
2020/04/26 jQuery
[00:32]2016完美“圣”典风云人物:Maybe宣传片
2016/12/05 DOTA
Python多进程multiprocessing.Pool类详解
2018/04/27 Python
Django框架文件上传与自定义图片上传路径、上传文件名操作分析
2019/05/10 Python
Pandas之Dropna滤除缺失数据的实现方法
2019/06/25 Python
python之生产者消费者模型实现详解
2019/07/27 Python
淘宝秒杀python脚本 扫码登录版
2019/09/19 Python
VScode连接远程服务器上的jupyter notebook的实现
2020/04/23 Python
PyTorch中torch.tensor与torch.Tensor的区别详解
2020/05/18 Python
Python性能分析工具py-spy原理用法解析
2020/07/27 Python
Python接口自动化测试框架运行原理及流程
2020/11/30 Python
澳大利亚家具和家居用品在线:BROSA
2017/11/02 全球购物
CheapTickets香港机票预订网站:CheapTickets.hk
2019/06/26 全球购物
货代行业个人求职简历的自我评价
2013/10/22 职场文书
资源环境与城市管理专业推荐信
2013/11/30 职场文书
九月份红领巾广播稿
2014/01/22 职场文书
三八节活动简报
2015/07/20 职场文书
教你用Python写一个植物大战僵尸小游戏
2021/04/25 Python
javascript遍历对象的五种方式实例代码
2021/10/24 Javascript