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 相关文章推荐
可简单避免的三个JS发布错误的详细介绍
Aug 02 Javascript
js 上下左右键控制焦点(示例代码)
Dec 14 Javascript
JavaScript中的fontsize()方法使用详解
Jun 08 Javascript
卸载安装Node.js与npm过程详解
Aug 15 Javascript
jQuery实现select模糊查询(反射机制)
Jan 14 Javascript
详解在AngularJS的controller外部直接获取$scope
Jun 02 Javascript
详解webpack进阶之插件篇
Jul 06 Javascript
webpack搭建vue 项目的步骤
Dec 27 Javascript
使用webpack打包koa2 框架app
Feb 02 Javascript
webpack4 SCSS提取和懒加载的示例
Sep 03 Javascript
小程序input数据双向绑定实现方法
Oct 17 Javascript
Typescript3.9 常用新特性一览(推荐)
May 14 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
php access 数据连接与读取保存编辑数据的实现代码
2010/05/12 PHP
PHP JSON出错:Cannot use object of type stdClass as array解决方法
2014/08/16 PHP
详解关于php的xdebug配置(编辑器vscode)
2019/01/29 PHP
laravel执行php artisan migrate报错的解决方法
2019/10/09 PHP
一个JavaScript继承的实现
2006/10/24 Javascript
jQuery 处理表单元素的代码
2010/02/15 Javascript
JS调用页面表格导出excel示例代码
2014/03/18 Javascript
jQuery实现简单网页遮罩层/弹出层效果兼容IE6、IE7
2014/06/16 Javascript
jQuery使用addClass()方法给元素添加多个class样式
2015/03/26 Javascript
Jquery ui datepicker设置日期范围,如只能隔3天【实现代码】
2016/05/04 Javascript
Javascript 5种方法实现过滤删除前后所有空格
2016/06/22 Javascript
JS动态给对象添加事件的简单方法
2016/07/19 Javascript
详解照片瀑布流效果(js,jquery分别实现与知识点总结)
2017/01/01 Javascript
AngularJS之页面跳转Route实例代码
2017/03/10 Javascript
Vue.js实现输入框绑定的实例代码
2017/08/24 Javascript
React-intl 实现多语言的示例代码
2017/11/03 Javascript
微信小程序使用progress组件实现显示进度功能【附源码下载】
2017/12/12 Javascript
如何用JavaScript实现功能齐全的单链表详解
2019/02/11 Javascript
React中this丢失的四种解决方法
2019/03/12 Javascript
JS扁平化输出数组的2种方法解析
2019/09/17 Javascript
package.json各个属性说明详解
2020/03/11 Javascript
Python易忽视知识点小结
2015/05/25 Python
python中yaml配置文件模块的使用详解
2018/04/27 Python
Django 反向生成url实例详解
2019/07/30 Python
python获取指定日期范围内的每一天,每个月,每季度的方法
2019/08/08 Python
pytorch如何冻结某层参数的实现
2020/01/10 Python
HTML5新控件之日期和时间选择输入的实现代码
2018/09/13 HTML / CSS
C语言编程题
2015/03/09 面试题
接口可以包含哪些成员
2012/09/30 面试题
自考毕业生自我鉴定
2013/11/04 职场文书
演讲稿怎么写才完美
2014/01/02 职场文书
缅怀革命先烈演讲稿
2014/05/14 职场文书
党员四风问题对照检查材料思想汇报
2014/09/16 职场文书
民事诉讼代理词
2015/05/25 职场文书
今日说法观后感
2015/06/08 职场文书
2019年最新版见习人员管理制度!
2019/07/08 职场文书