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 相关文章推荐
HTML Color Picker(js拾色器效果)
Aug 27 Javascript
Javascript原型链和原型的一个误区
Oct 22 Javascript
jQuery源码分析之jQuery.fn.each与jQuery.each用法
Jan 23 Javascript
Javascript函数式编程语言
Oct 11 Javascript
JS实现超简洁网页title标题跑动闪烁提示效果代码
Oct 23 Javascript
jQuery+PHP+MySQL二级联动下拉菜单实例讲解
Oct 27 Javascript
JS实现简单的右下角弹出提示窗口完整实例
Jun 21 Javascript
详谈Ajax请求中的async:false/true的作用(ajax 在外部调用问题)
Feb 10 Javascript
vue.js中proxyTable 转发请求的实现方法
Sep 20 Javascript
VUE引入第三方js包及调用方法讲解
Mar 01 Javascript
vue模式history下在iis中配置流程
Apr 17 Javascript
使用vue实现一个电子签名组件的示例代码
Jan 06 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
file_get_contents("php://input", "r")实例介绍
2013/07/01 PHP
CodeIgniter配置之SESSION用法实例分析
2016/01/19 PHP
原生JS实现Ajax通过POST方式与PHP进行交互的方法示例
2018/05/12 PHP
thinkPHP框架实现生成条形码的方法示例
2018/06/06 PHP
JavaScript通过function定义对象并给对象添加toString()方法实例分析
2015/03/23 Javascript
JavaScript程序中实现继承特性的方式总结
2016/06/24 Javascript
Form表单按回车自动提交表单的实现方法
2016/11/18 Javascript
Bootstrap基本插件学习笔记之Alert警告框(20)
2016/12/08 Javascript
Angular的MVC和作用域
2016/12/26 Javascript
详解Angular的数据显示优化处理
2016/12/26 Javascript
走进AngularJs之过滤器(filter)详解
2017/02/17 Javascript
angular十大常见问题
2017/03/07 Javascript
微信小程序中做用户登录与登录态维护的实现详解
2017/05/17 Javascript
微信小程序scroll-view仿拼多多横向滑动滚动条
2020/04/21 Javascript
JavaScript中常用的简洁高级技巧总结
2019/03/10 Javascript
解决mui框架中switch开关通过js控制开或者关状态时小圆点不动的问题
2019/09/03 Javascript
javascript解析json格式的数据方法详解
2020/08/07 Javascript
python通过colorama模块在控制台输出彩色文字的方法
2015/03/19 Python
常见的python正则用法实例讲解
2016/06/21 Python
python中hashlib模块用法示例
2017/10/30 Python
python写入并获取剪切板内容的实例
2018/05/31 Python
Python实现输入二叉树的先序和中序遍历,再输出后序遍历操作示例
2018/07/27 Python
Python实现数据可视化看如何监控你的爬虫状态【推荐】
2018/08/10 Python
python3.5绘制随机漫步图
2018/08/27 Python
python分块读取大数据,避免内存不足的方法
2018/12/10 Python
Pycharm小白级简单使用教程
2020/01/08 Python
Jupyter notebook如何实现指定浏览器打开
2020/05/13 Python
使用pth文件添加Python环境变量方式
2020/05/26 Python
使用Python通过oBIX协议访问Niagara数据的示例
2020/12/04 Python
美国首屈一指的礼品篮供应商:GiftTree
2018/01/06 全球购物
Android面试题附答案
2014/12/08 面试题
物理力学求职信
2014/02/18 职场文书
2014国庆节主题活动方案:快乐的国庆节
2014/09/16 职场文书
大学生自我评价200字(4篇)
2014/09/17 职场文书
故宫的导游词
2015/01/31 职场文书
病假证明模板
2015/06/19 职场文书