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实现UrlEncode和UrlDecode的脚本代码
Jul 23 Javascript
利用jQuery的$.event.fix函数统一浏览器event事件处理
Dec 21 Javascript
js字符串完全替换函数分享
Dec 03 Javascript
jQuery form 表单验证插件(fieldValue)校验表单
Jan 24 Javascript
Javascript使用uploadify来实现多文件上传
Nov 16 Javascript
Form表单按回车自动提交表单的实现方法
Nov 18 Javascript
bootstrap导航、选项卡实现代码
Dec 28 Javascript
Node实战之不同环境下配置文件使用教程
Jan 02 Javascript
Vue组件中slot的用法
Jan 30 Javascript
关于layui flow loading占位图的实现方法
Sep 21 Javascript
详解Vue的异步更新实现原理
Dec 22 Vue.js
详解JavaScript中分解数字的三种方法
Jan 05 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
实用函数2
2007/11/08 PHP
PHP 图片上传实现代码 带详细注释
2010/04/29 PHP
PHP高级对象构建 多个构造函数的使用
2012/02/05 PHP
php登陆页的密码处理方式分享
2013/10/14 PHP
网页上facebook分享功能具体实现
2014/01/26 PHP
PHP中使用GD库创建圆形饼图的例子
2014/11/19 PHP
JQuery DataTable删除行后的页面更新利用Ajax解决
2013/05/17 Javascript
JS实现点击按钮后框架内载入不同网页的方法
2015/05/05 Javascript
JavaScript让Textarea支持tab按键的方法
2015/06/26 Javascript
js判断手机访问或者PC的几个例子(常用于手机跳转)
2015/12/15 Javascript
BootStrap智能表单实战系列(七)验证的支持
2016/06/13 Javascript
jQuery中.attr()和.data()的区别分析
2017/09/03 jQuery
解决vue单页使用keep-alive页面返回不刷新的问题
2018/03/13 Javascript
Vue混入mixins滚动触底的方法
2019/11/22 Javascript
[01:34]完美“圣”典宣传片震撼发布,12.17与你不见不散
2016/12/16 DOTA
Python的设计模式编程入门指南
2015/04/02 Python
Python 3中的yield from语法详解
2017/01/18 Python
python交互式图形编程实例(三)
2017/11/17 Python
Python加载带有注释的Json文件实例
2018/05/23 Python
pandas 对每一列数据进行标准化的方法
2018/06/09 Python
用Pycharm实现鼠标滚轮控制字体大小的方法
2019/01/15 Python
python基于pdfminer库提取pdf文字代码实例
2019/08/15 Python
python3.6生成器yield用法实例分析
2019/08/23 Python
解决Keras 与 Tensorflow 版本之间的兼容性问题
2020/02/07 Python
Python json格式化打印实现过程解析
2020/07/21 Python
python字典与json转换的方法总结
2020/12/28 Python
PyCharm 解决找不到新打开项目的窗口问题
2021/01/15 Python
上海某公司.net方向笔试题
2014/09/14 面试题
自动化专业本科毕业生求职信
2013/10/20 职场文书
《小松树和大松树》教学反思
2014/02/20 职场文书
网络营销策划方案
2014/06/04 职场文书
2014年教师节演讲稿
2014/09/03 职场文书
2014年人民调解工作总结
2014/12/08 职场文书
带你学习MySQL执行计划
2021/05/31 MySQL
详解python的异常捕获
2022/03/03 Python
阿里面试Nacos配置中心交互模型是push还是pull原理解析
2022/07/23 Java/Android