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实现点击链接弹出&quot;图片另存为&quot;而不是直接打开
Aug 15 Javascript
JQuery slideshow的一个小问题(如何发现及解决过程)
Feb 06 Javascript
JavaScript异步编程Promise模式的6个特性
Apr 03 Javascript
javascript工厂方式定义对象
Dec 26 Javascript
JQuery的ON()方法支持的所有事件罗列
Feb 28 Javascript
JavaScript字符串对象(string)基本用法示例
Jan 18 Javascript
浅谈Angular 中何时取消订阅
Nov 22 Javascript
ionic3实战教程之随机布局瀑布流的实现方法
Dec 28 Javascript
vue swipe自定义组件实现轮播效果
Jul 03 Javascript
如何在selenium中使用js实现定位
Aug 18 Javascript
微信小程序实现录音Record功能
May 09 Javascript
vue3中provide && inject的使用
Jul 01 Vue.js
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
PHP编码规范-php coding standard
2007/03/16 PHP
简单介绍win7下搭建apache+php+mysql开发环境
2015/08/06 PHP
Yii2.0框架模型多表关联查询示例
2019/07/18 PHP
PHP+Mysql分布式事务与解决方案深入理解
2021/02/27 PHP
js 方法实现返回多个数据的代码
2009/04/30 Javascript
dropdownlist之间的互相联动实现(显示与隐藏)
2009/11/24 Javascript
简单的Jquery遮罩层代码实例
2013/11/14 Javascript
JavaScript实现在数组中查找不同顺序排列的字符串
2014/09/26 Javascript
js实现获取当前时间是本月第几周的方法
2015/08/11 Javascript
超实用的JavaScript表单代码段
2016/02/26 Javascript
Javascript技术栈中的四种依赖注入小结
2016/02/27 Javascript
AngularJS 打开新的标签页实现代码
2017/09/07 Javascript
vue小图标favicon不显示的解决方案
2017/09/19 Javascript
vue-cli脚手架引入图片的几种方法总结
2018/03/13 Javascript
原生js实现贪食蛇小游戏的思路详解
2019/11/26 Javascript
Vue循环中多个input绑定指定v-model实例
2020/08/31 Javascript
javascript代码实现简易计算器
2021/01/25 Javascript
Python中的测试模块unittest和doctest的使用教程
2015/04/14 Python
python去除扩展名的实例讲解
2018/04/23 Python
Python Dataframe 指定多列去重、求差集的方法
2018/07/10 Python
python把一个字符串切开的实例方法
2020/09/27 Python
使用canvas绘制超炫时钟
2014/12/17 HTML / CSS
Oracle中delete,truncate和drop的区别
2016/05/05 面试题
端口镜像是怎么实现的
2014/03/25 面试题
四年大学生活的个人自我评价
2013/12/11 职场文书
员工拾金不昧表扬信
2014/01/09 职场文书
公司庆典活动邀请函
2014/01/09 职场文书
运动会广播稿200米
2014/01/27 职场文书
医院总经理岗位职责
2014/02/04 职场文书
媒体宣传策划方案
2014/05/25 职场文书
中小学校园安全广播稿
2014/09/29 职场文书
初中英语教师个人工作总结2015
2015/07/21 职场文书
CSS3常见动画的实现方式
2021/04/14 HTML / CSS
吃通javascript正则表达式
2021/04/21 Javascript
解决Goland 同一个package中函数互相调用的问题
2021/05/06 Golang
「月刊Comic Alive」2022年5月号封面公开
2022/03/21 日漫