FileUpload上传图片(图片不变形)


Posted in Javascript onAugust 05, 2010
<style type="text/css"> 
#newPreview 
{ 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=images); 
} 
</style> 
<script type="text/javascript" language="javascript"> 
function PreviewImg(imgFile) 
{ 
var newPreview = document.getElementById("newPreview"); 

newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value; 

newPreview.style.width = newPreview.offsetWidth /2;
 

newPreview.style.height = newPreview.offsetHeight / 2;
 

newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").sizingMethod = 'scale'; 
} 
</script>

请选择一个图片进行预览:

<input type="file" size="20" onchange="javascript:PreviewImg(this);" /> 
<div id="newPreview"></div>
Javascript 相关文章推荐
jQuery源码中的chunker 正则过滤符分析
Jul 31 Javascript
JavaScript获取网页表单action属性的方法
Apr 02 Javascript
jQuery切换所有复选框选中状态的方法
Jul 02 Javascript
微信小程序 canvas API详解及实例代码
Oct 08 Javascript
JavaScript 总结几个提高性能知识点(推荐)
Feb 20 Javascript
JavaScript闭包和回调详解
Aug 09 Javascript
记一次vue-webpack项目优化实践详解
Feb 17 Javascript
使用webpack搭建vue项目及注意事项
Jun 10 Javascript
JS实现图片幻灯片效果代码实例
May 21 Javascript
VUE 单页面使用 echart 窗口变化时的用法
Jul 30 Javascript
vue中实现弹出层动画效果的示例代码
Sep 25 Javascript
详解jQuery的核心函数和事件处理
Feb 18 jQuery
JavaScript中关于indexOf的使用方法与问题小结
Aug 05 #Javascript
js继承的实现代码
Aug 05 #Javascript
一个报数游戏js版(约瑟夫环问题)
Aug 05 #Javascript
JS 实现完美include载入实现代码
Aug 05 #Javascript
使用ExtJS技术实现的拖动树结点
Aug 05 #Javascript
JavaScript 获取当前时间戳的代码
Aug 05 #Javascript
firefox事件处理之自动查找event的函数(用于onclick=foo())
Aug 05 #Javascript
You might like
无限级别菜单的实现
2006/10/09 PHP
thinkphp实现数组分页示例
2014/04/13 PHP
Zend Framework教程之Zend_Config_Xml用法分析
2016/03/23 PHP
php日期操作技巧小结
2016/06/25 PHP
Javascript 布尔型分析
2008/12/22 Javascript
javascript 显示当前系统时间代码
2009/12/28 Javascript
一个js拖拽的效果类和dom-drag.js浅析
2010/07/17 Javascript
Js从头学起(基本数据类型和引用类型的参数传递详细分析)
2012/02/16 Javascript
dtree 网页树状菜单及传递对象集合到js内,动态生成节点
2012/04/14 Javascript
两个listbox实现选项的添加删除和搜索
2013/03/01 Javascript
js中Image对象以及对其预加载处理示例
2013/11/20 Javascript
JavaScript中使用Math.PI圆周率属性的方法
2015/06/14 Javascript
jquery实现鼠标经过显示下划线的渐变下拉菜单效果代码
2015/08/24 Javascript
JavaScript编写点击查看大图的页面半透明遮罩层效果实例
2016/05/09 Javascript
JS+HTML5手机开发之滚动和惯性缓动实现方法分析
2016/06/12 Javascript
jquery 获取select数组与name数组长度的实现代码
2016/06/20 Javascript
JavaScript字符和ASCII实现互相转换
2020/06/03 Javascript
[01:10:57]Liquid vs OG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python中计算三角函数之cos()方法的使用简介
2015/05/15 Python
Python编程实现线性回归和批量梯度下降法代码实例
2018/01/04 Python
python实现学生信息管理系统
2020/04/05 Python
详解python中的装饰器
2018/07/10 Python
Python 实现Windows开机运行某软件的方法
2018/10/14 Python
pandas分区间,算频率的实例
2019/07/04 Python
python实现二分类的卡方分箱示例
2019/11/22 Python
Python如何执行系统命令
2020/09/23 Python
Anaconda使用IDLE的实现示例
2020/09/23 Python
使用豆瓣源来安装python中的第三方库方法
2021/01/26 Python
详解window.open被浏览器拦截的解决方案
2019/07/18 HTML / CSS
美国领先的家庭智能音响系统品牌:Sonos
2018/07/20 全球购物
爱尔兰最大的体育零售商:Life Style Sports
2019/06/12 全球购物
金额转换,阿拉伯数字的金额转换成中国传统的形式如:(¥1011)-> (一千零一拾一元整)输出
2015/05/29 面试题
习近平在党的群众路线教育实践活动总结大会上的讲话全文
2014/10/25 职场文书
英语专业毕业论文答辩开场白
2015/05/27 职场文书
教师师德承诺书2016
2016/03/25 职场文书
Python关于OS文件目录处理的实例分享
2021/05/23 Python