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 相关文章推荐
AJAX分页的代码(后台asp.net)
Feb 14 Javascript
js运动框架_包括图片的淡入淡出效果
May 11 Javascript
JavaScript通过元素索引号删除数组中对应元素的方法
Mar 18 Javascript
全面解析Bootstrap中nav、collapse的使用方法
May 22 Javascript
Jquery Easyui选项卡组件Tab使用详解(10)
Dec 18 Javascript
js制作可以延时消失的菜单
Jan 13 Javascript
微信小程序新增的拖动组件movable-view使用教程
May 20 Javascript
react-native DatePicker日期选择组件的实现代码
Sep 12 Javascript
elementUI Vue 单个按钮显示和隐藏的变换功能(两种方法)
Sep 04 Javascript
微信网页登录逻辑与实现方法
Apr 29 Javascript
js通过循环多张图片实现动画效果
Dec 19 Javascript
Vue向后台传数组数据,springboot接收vue传的数组数据实例
Nov 12 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提交表单时判断 if($_POST[submit])与 if(isset($_POST[submit])) 的区别
2011/02/08 PHP
Windows和Linux中php代码调试工具Xdebug的安装与配置详解
2014/05/08 PHP
PHP简单计算两个时间差的方法示例
2017/06/20 PHP
php使用fullcalendar日历插件详解
2019/03/06 PHP
laravel框架select2多选插件初始化默认选中项操作示例
2020/02/18 PHP
JavaScript 全角转半角部分
2009/10/28 Javascript
SWFObject 2.1以上版本语法介绍
2010/07/10 Javascript
html中table数据排序的js代码
2011/08/09 Javascript
jquery tab插件精简版分享
2011/09/10 Javascript
jquery快捷动态绑定键盘事件的操作函数代码
2013/10/17 Javascript
JS实现的不规则TAB选项卡效果代码
2015/09/18 Javascript
深入解析JavaScript编程中的this关键字使用
2015/11/09 Javascript
jQuery制作圣诞主题页面 更像是爱情影集
2016/08/10 Javascript
Bootstrap CSS组件之导航条(navbar)
2016/12/17 Javascript
Angular的MVC和作用域
2016/12/26 Javascript
JS中Array数组学习总结
2017/01/18 Javascript
解决vue-quill-editor上传内容由于图片是base64的导致字符太长的问题
2018/08/20 Javascript
angularJs自定义过滤器实现手机号信息隐藏的方法
2018/10/08 Javascript
vue3.0中的双向数据绑定方法及优缺点
2019/08/01 Javascript
javascript绘制简单钟表效果
2020/04/07 Javascript
js正则表达式简单校验方法
2021/01/03 Javascript
详解vue之自行实现派发与广播(dispatch与broadcast)
2021/01/19 Vue.js
python将视频转换为全字符视频
2019/04/26 Python
Python使用Socket实现简单聊天程序
2020/02/28 Python
Django 自定义权限管理系统详解(通过中间件认证)
2020/03/11 Python
opencv 阈值分割的具体使用
2020/07/08 Python
枚举和一组预处理的#define有什么不同
2016/09/21 面试题
活动策划求职信模板
2014/04/21 职场文书
党员干部批评与自我批评反四风思想汇报
2014/09/21 职场文书
欢迎新生标语
2014/10/06 职场文书
赵乐秦在党的群众路线教育实践活动总结大会上的讲话稿
2014/10/25 职场文书
2014年会计个人工作总结
2014/11/24 职场文书
通知范文怎么写
2015/04/16 职场文书
村党组织公开承诺书
2015/04/30 职场文书
描写九月优美句子(39条)
2019/09/11 职场文书
52条SQL语句教你性能优化
2021/05/25 MySQL