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 Event学习第二章 Event浏览器兼容性
Feb 07 Javascript
append和appendTo的区别以及appendChild用法
Dec 24 Javascript
Angular ng-class详解及实例代码
Sep 19 Javascript
Vuex2.0+Vue2.0构建备忘录应用实践
Nov 30 Javascript
vue 怎么创建组件及组件使用方法
Jul 27 Javascript
深入浅析javascript继承体系
Oct 23 Javascript
原生JS实现Ajax跨域请求flask响应内容
Oct 24 Javascript
基于Vuex无法观察到值变化的解决方法
Mar 01 Javascript
基于JavaScript实现瀑布流布局
Aug 15 Javascript
使用JS判断页面是首次被加载还是刷新
May 26 Javascript
Vue export import 导入导出的多种方式与区别介绍
Feb 12 Javascript
微信小程序调用后台service教程详解
Nov 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
十大“创意”战术!
2020/03/04 星际争霸
PHP读取ACCESS数据到MYSQL的代码
2011/05/11 PHP
如何批量替换相对地址为绝对地址(利用bat批处理实现)
2013/05/27 PHP
php获取新浪微博数据API实例
2013/11/12 PHP
ThinkPHP单字母函数(快捷方法)使用总结
2014/07/23 PHP
PHP获取短链接跳转后的真实地址和响应头信息的方法
2014/07/25 PHP
PHP简单生成缩略图相册的方法
2015/07/29 PHP
PHP入门教程之PHP操作MySQL的方法分析
2016/09/11 PHP
YII2框架中excel表格导出的方法详解
2017/07/21 PHP
Laravel 模型使用软删除-左连接查询-表起别名示例
2019/10/24 PHP
用Javscript实现表单复选框的全选功能
2007/05/25 Javascript
Javascript Cookie读写删除操作的函数
2010/03/02 Javascript
JavaScript实现x秒后自动跳转到一个页面
2013/01/03 Javascript
JS截取url中问号后面参数的值信息
2014/04/29 Javascript
js 模式窗口(模式对话框和非模式对话框)的使用介绍
2014/07/17 Javascript
jQuery使用Selectator插件实现多选下拉列表过滤框(附源码下载)
2016/04/08 Javascript
jQuery基本过滤选择器用法示例
2016/09/09 Javascript
使用vue.js实现联动效果的示例代码
2017/01/10 Javascript
bootstrap table操作技巧分享
2017/02/15 Javascript
JavaScript基本类型值-Undefined、Null、Boolean
2017/02/23 Javascript
JS中SetTimeout和SetInterval使用初探
2017/03/23 Javascript
Vue.js学习教程之列表渲染详解
2017/05/17 Javascript
使用typescript开发angular模块并发布npm包
2018/04/19 Javascript
element-ui 关于获取select 的label值方法
2018/08/24 Javascript
elementUI Vue 单个按钮显示和隐藏的变换功能(两种方法)
2018/09/04 Javascript
react 父子组件之间通讯props
2018/09/08 Javascript
javascript 数组精简技巧小结
2020/02/26 Javascript
简单的Python抓taobao图片爬虫
2014/10/26 Python
Python实现对excel文件列表值进行统计的方法
2015/07/25 Python
python实现趣味图片字符化
2019/04/30 Python
python中rc1什么意思
2020/06/19 Python
HTML5资源预加载(Link prefetch)详细介绍(给你的网页加速)
2014/05/07 HTML / CSS
基于HTML5陀螺仪实现ofo首页眼睛移动效果的示例
2017/07/31 HTML / CSS
公司企业表扬信
2014/01/11 职场文书
缓刑期间思想汇报范文
2014/10/10 职场文书
企业转让协议书(范文2篇)
2019/08/15 职场文书