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 相关文章推荐
javascript 按回车键相应按钮提交事件
Nov 02 Javascript
子页向父页传值示例
Nov 27 Javascript
html文本框提示效果的示例代码
Jun 28 Javascript
js控制页面的全屏展示和退出全屏显示的方法
Mar 10 Javascript
关于JS中二维数组的声明方法
Sep 24 Javascript
jQuery模拟Marquee实现无缝滚动效果完整实例
Sep 29 Javascript
boostrap模态框二次弹出清空原有内容的方法
Aug 10 Javascript
解决Vue打包后访问图片/图标不显示的问题
Jul 25 Javascript
微信用户访问小程序的登录过程详解
Sep 20 Javascript
ligerUI的ligerDialog关闭刷新的方法
Sep 27 Javascript
vue如何使用async、await实现同步请求
Dec 09 Javascript
Vue微信公众号网页分享的示例代码
May 28 Javascript
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
yii2 resetful 授权验证详解
2017/05/18 PHP
IE8 兼容性问题(属性名区分大小写)
2009/06/04 Javascript
jQuery入门问答 整理的几个常见的初学者问题
2010/02/22 Javascript
jquery仿京东导航/仿淘宝商城左侧分类导航下拉菜单效果
2013/04/24 Javascript
一个简单的jquery的多选下拉框(自写)
2014/05/05 Javascript
jQuery点缩略图弹出层显示大图片
2015/02/13 Javascript
JS创建对象几种不同方法详解
2016/03/01 Javascript
使用ngrok+express解决本地环境中微信接口调试问题
2018/02/26 Javascript
详解Vue demo实现商品列表的展示
2019/05/07 Javascript
jQuery实现每日秒杀商品倒计时功能
2019/09/06 jQuery
微信小程序实现电子签名功能
2020/07/29 Javascript
仅利用30行Python代码来展示X算法
2015/04/01 Python
Django中login_required装饰器的深入介绍
2017/11/24 Python
Python使用matplotlib简单绘图示例
2018/02/01 Python
Python使用爬虫爬取静态网页图片的方法详解
2018/06/05 Python
在Python中实现替换字符串中的子串的示例
2018/10/31 Python
Python re 模块findall() 函数返回值展现方式解析
2019/08/09 Python
Pytorch 实现权重初始化
2019/12/31 Python
如何给Python代码进行加密
2020/01/10 Python
详解Python3 中的字符串格式化语法
2020/01/15 Python
Python Opencv中用compareHist函数进行直方图比较对比图片
2020/04/07 Python
python获取整个网页源码的方法
2020/08/03 Python
H5页面适配iPhoneX(就是那么简单)
2019/12/02 HTML / CSS
amazeui 验证按钮扩展的实现
2020/08/21 HTML / CSS
法拉利英国精品店:Ferraris Boutique UK
2019/07/20 全球购物
电厂厂长岗位职责
2014/01/02 职场文书
学生会主席事迹材料
2014/01/28 职场文书
养成教育经验材料
2014/05/26 职场文书
软件售后服务方案
2014/05/29 职场文书
领导班子四风问题对照检查材料
2014/09/27 职场文书
小学生作文评语集锦
2014/12/25 职场文书
老人节主持词
2015/07/04 职场文书
2016年3月份红领巾广播稿
2015/12/21 职场文书
承诺书怎么写 ?
2019/04/16 职场文书
祝福语集锦:送给毕业同学祝福语
2019/11/21 职场文书
Pandas-DataFrame知识点汇总
2022/03/16 Python