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 Array扩展实现代码
Oct 14 Javascript
Jquery弹出窗口插件 LeanModal的使用方法
Mar 10 Javascript
javaScript array(数组)使用字符串作为数组下标的方法
Nov 19 Javascript
JS实现的通用表单验证插件完整实例
Aug 20 Javascript
JS button按钮实现submit按钮提交效果
Nov 01 Javascript
d3.js入门教程之数据绑定详解
Apr 28 Javascript
js实现图片轮播效果学习笔记
Jul 26 Javascript
初识 Vue.js 中的 *.Vue文件
Nov 22 Javascript
JavaScript中利用Array filter() 方法压缩稀疏数组
Feb 24 Javascript
JS实现动态倒计时功能(天数、时、分、秒)
Dec 12 Javascript
小程序登录之支付宝授权的实现示例
Dec 13 Javascript
js实现小时钟效果
Mar 25 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
Laravel如何使用Redis共享Session
2018/02/23 PHP
滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码
2009/12/28 Javascript
javascript学习笔记(七) js函数介绍
2012/06/19 Javascript
Node.js模拟浏览器文件上传示例
2014/03/26 Javascript
分享28款免费实用的 JQuery 图片和内容滑块插件
2014/12/15 Javascript
node.js中的fs.lchown方法使用说明
2014/12/16 Javascript
jQuery中:header选择器用法实例
2014/12/29 Javascript
浅谈javascript属性onresize
2015/04/20 Javascript
JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍
2016/05/19 Javascript
jQuery代码实现实时获取时间
2017/01/29 Javascript
jquery.flot.js简单绘制折线图用法示例
2017/03/13 Javascript
jquery.validate表单验证插件使用详解
2017/06/21 jQuery
js模块加载方式浅析
2017/08/12 Javascript
vue cli webpack中使用sass的方法
2018/02/24 Javascript
vue-router动态设置页面title的实例讲解
2018/08/30 Javascript
apicloud拉起小程序并传递参数的方法示例
2018/11/21 Javascript
vue项目中使用particles实现粒子背景效果及遇到的坑(按钮没有点击响应)
2020/02/11 Javascript
JS数组转字符串实现方法解析
2020/09/04 Javascript
一个基于flask的web应用诞生(1)
2017/04/11 Python
python判断字符串是否是json格式方法分享
2017/11/07 Python
十分钟利用Python制作属于你自己的个性logo
2018/05/07 Python
详解如何管理多个Python版本和虚拟环境
2019/05/10 Python
python3获取当前目录的实现方法
2019/07/29 Python
在vscode中配置python环境过程解析
2019/09/28 Python
python 如何去除字符串头尾的多余符号
2019/11/19 Python
Python如何实现强制数据类型转换
2019/11/22 Python
python ftplib模块使用代码实例
2019/12/31 Python
解决import tensorflow as tf 出错的原因
2020/04/16 Python
化工专业应届生求职信
2013/11/08 职场文书
企业晚会策划方案
2014/05/29 职场文书
公安四风对照检查材料思想汇报
2014/10/11 职场文书
加入学生会自荐书
2015/03/05 职场文书
孟佩杰观后感
2015/06/17 职场文书
2016寒假社会实践心得体会范文
2015/10/09 职场文书
Redis特殊数据类型Geospatial地理空间
2022/06/01 Redis
MYSQL中文乱码问题的解决方案
2022/06/14 MySQL