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 相关文章推荐
FireFox中textNode分片的问题
Apr 10 Javascript
斜45度寻路实现函数
Aug 20 Javascript
JQuery跨Iframe选择实现代码
Aug 19 Javascript
比较新旧两个数组值得增加和删除的JS代码
Oct 30 Javascript
javascript拖拽应用实例(二)
Mar 25 Javascript
js仿淘宝和百度文库的评分功能
May 15 Javascript
JS获取本周周一,周末及获取任意时间的周一周末功能示例
Feb 09 Javascript
webpack处理 css\less\sass 样式的方法
Aug 21 Javascript
JS与HTML结合实现流程进度展示条思路详解
Sep 03 Javascript
Vue2.0基于vue-cli+webpack父子组件通信(实例讲解)
Sep 14 Javascript
JS实现返回上一页并刷新页面的方法分析
Jul 16 Javascript
在vue+element ui框架里实现lodash的debounce防抖
Nov 13 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扩展ZF――Validate扩展
2008/01/10 PHP
php开发文档 会员收费1期
2012/08/14 PHP
PHP编译安装时常见错误解决办法
2015/05/28 PHP
简单概括PHP的字符串中单引号与双引号的区别
2016/05/07 PHP
PHP生成(支持多模板)二维码海报代码
2018/04/30 PHP
在phpstudy集成环境下的nginx服务器下配置url重写
2019/12/02 PHP
JQuery 简便实现页面元素数据验证功能
2007/03/24 Javascript
使用JavaScript检测Firefox浏览器是否启用了Firebug的代码
2010/12/28 Javascript
JavaScript实现点击按钮后变灰避免多次重复提交
2013/07/15 Javascript
你所不了解的javascript操作DOM的细节知识点(一)
2015/06/17 Javascript
JS实现弹出浮动窗口(支持鼠标拖动和关闭)实例详解
2015/08/06 Javascript
极易被忽视的javascript面试题七问七答
2016/02/15 Javascript
基于JS实现移动端访问PC端页面时跳转到对应的移动端网页
2020/12/24 Javascript
confirm确认对话框的实现方法总结
2016/06/17 Javascript
Ajax分页插件Pagination从前台jQuery到后端java总结
2016/07/22 Javascript
JavaScript中最容易混淆的作用域、提升、闭包知识详解(推荐)
2016/09/05 Javascript
从0开始学Vue
2016/10/27 Javascript
js阻止移动端页面滚动的两种方法
2017/01/25 Javascript
js实现PC端和移动端刮卡效果
2020/03/27 Javascript
微信小程序 监听手势滑动切换页面实例详解
2017/06/15 Javascript
解决vue-cli中stylus无法使用的问题方法
2017/06/19 Javascript
深入理解ES6之数据解构的用法
2018/01/13 Javascript
Vue路由切换页面不更新问题解决方案
2020/07/10 Javascript
原生js+canvas实现下雪效果
2020/08/02 Javascript
Bootstrap告警框(alert)实现弹出效果和短暂显示后上浮消失的示例代码
2020/08/27 Javascript
Vertx基于EventBus发送接受自定义对象
2020/11/16 Javascript
[01:18]DOTA2超级联赛专访hanci ForLove淘汰感言曝光
2013/06/04 DOTA
理解python多线程(python多线程简明教程)
2014/06/09 Python
html5 自定义播放器核心代码
2013/12/20 HTML / CSS
生物工程专业求职信
2014/09/03 职场文书
办理信用卡工作证明
2014/09/30 职场文书
贫困生证明范文
2015/06/16 职场文书
国庆节主题班会
2015/08/15 职场文书
学习《中小学教师职业道德规范》心得体会
2016/01/18 职场文书
2017新年晚会开幕词
2016/03/03 职场文书
Win11 Beta 22621.601 和 22622.601今日发布 KB5017384修复内容汇总
2022/09/23 数码科技