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 相关文章推荐
音乐播放用的的几个函数
Sep 07 Javascript
收集的10个免费的jQuery相册
Feb 26 Javascript
js中typeof的用法汇总
Dec 12 Javascript
js判断登录与否并确定跳转页面的方法
Jan 30 Javascript
js实现横向伸展开的二级导航菜单代码
Aug 28 Javascript
JavaScript基本的输出和嵌入式写法教程
Oct 20 Javascript
jQuery 中ajax异步调用的四种方式
Jun 28 Javascript
JavaScript实现的选择排序算法实例分析
Apr 14 Javascript
Angular实现表单验证功能
Nov 13 Javascript
使用rollup打包JS的方法步骤
Dec 05 Javascript
django中使用vue.js的要点总结
Jul 07 Javascript
GitHub上77.9K的Axios项目有哪些值得借鉴的地方详析
Jun 15 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
国产动画《伍六七》原声大碟大卖,啊哈娱乐引领音乐赋能IP的新尝试
2020/03/08 国漫
分页显示Oracle数据库记录的类之二
2006/10/09 PHP
PHP utf-8编码问题,utf8编码,数据库乱码,页面显示输出乱码
2013/04/08 PHP
PHP无限分类(树形类)的深入分析
2013/06/02 PHP
PHP自动生成后台导航网址的最佳方法
2013/08/27 PHP
php采集自中央气象台范围覆盖全国的天气预报代码实例
2015/01/04 PHP
使用symfony命令创建项目的方法
2016/03/17 PHP
thinkphp框架无限级栏目的排序功能实现方法示例
2020/03/29 PHP
封装的原生javascript弹出层代码
2010/09/24 Javascript
Javascript弹出窗口的各种方法总结
2013/11/11 Javascript
3种js实现string的substring方法
2015/11/09 Javascript
javascript:void(0)点击登录没反应怎么解决
2015/11/13 Javascript
分享javascript实现的冒泡排序代码并优化
2016/06/05 Javascript
Bootstrap Search Suggest使用例子
2016/12/21 Javascript
利用jquery实现实时更新歌词的方法
2017/01/06 Javascript
Vue开发中整合axios的文件整理
2017/04/29 Javascript
angular directive的简单使用总结
2017/05/24 Javascript
Webpack打包css后z-index被重新计算的解决方法
2017/06/18 Javascript
vue store之状态管理模式的详细介绍
2019/06/13 Javascript
vue(2.x,3.0)配置跨域代理
2019/11/27 Javascript
详解Django中间件执行顺序
2018/07/16 Python
PyQt5图形界面播放音乐的实例
2019/06/17 Python
Python OpenCV之图片缩放的实现(cv2.resize)
2019/06/28 Python
详解Python对JSON中的特殊类型进行Encoder
2019/07/15 Python
python内置函数sorted()用法深入分析
2019/10/08 Python
python numpy库linspace相同间隔采样的实现
2020/02/25 Python
Python3.8安装Pygame教程步骤详解
2020/08/14 Python
英国门销售网站:Green Tree Doors
2020/01/07 全球购物
使用useBean标志初始化BEAN时如何接受初始化参数
2012/02/11 面试题
品牌转让协议书
2014/08/20 职场文书
教师演讲稿开场白
2014/08/25 职场文书
2014年小学重阳节活动策划方案
2014/09/16 职场文书
中学生勤俭节约倡议书
2015/04/29 职场文书
离职信范文
2015/06/23 职场文书
初中班长竞选稿
2015/11/20 职场文书
刚学完怎么用Python实现定时任务,转头就跑去撩妹!
2021/06/05 Python