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日历实现代码
Sep 12 Javascript
扩展js对象数组的OrderByAsc和OrderByDesc方法实现思路
May 17 Javascript
js实现俄罗斯方块小游戏分享
Jan 31 Javascript
JS的get和set使用示例
Feb 20 Javascript
AngularJS 作用域详解及示例代码
Aug 17 Javascript
利用React-router+Webpack快速构建react程序
Oct 27 Javascript
javascript实现数字配对游戏的实例讲解
Dec 14 Javascript
学习使用ExpressJS 4.0中的新Router的用法
Nov 06 Javascript
js取小数点后两位四种方法
Jan 18 Javascript
vue-router实现嵌套路由的讲解
Jan 19 Javascript
sortable+element 实现表格行拖拽的方法示例
Jun 07 Javascript
vue项目支付功能代码详解
Feb 18 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相当简单的分页类
2008/10/02 PHP
Zend framework处理一个http请求的流程分析
2010/02/08 PHP
Linux基于php-fpm模式的lamp搭建phpmyadmin的方法
2018/10/25 PHP
ThinkPHP 5 AJAX跨域请求头设置实现过程解析
2020/10/28 PHP
IE与Firefox在JavaScript上的7个不同写法小结
2009/09/14 Javascript
js去除输入框中所有的空格和禁止输入空格的方法
2014/06/09 Javascript
jquery制作LED 时钟特效
2015/02/01 Javascript
JavaScript动态修改网页元素内容的方法
2015/03/21 Javascript
JavaScript中利用各种循环进行遍历的方式总结
2015/11/10 Javascript
jQuery使用contains过滤器实现精确匹配方法详解
2016/02/25 Javascript
Bootstrap被封装的弹层
2016/07/20 Javascript
JS动态加载脚本并执行回调操作
2016/08/24 Javascript
分享JS代码实现鼠标放在输入框上输入框和图片同时更换样式
2016/09/01 Javascript
基于vuejs+webpack的日期选择插件
2020/05/21 Javascript
浅谈JavaScript中promise的使用
2017/01/11 Javascript
AngularJs 终极购物车(实例讲解)
2017/11/08 Javascript
gulp安装以及打包合并的方法教程
2017/11/19 Javascript
怎么使用javascript深度拷贝一个数组
2019/06/06 Javascript
JavaScript canvas实现雪花随机动态飘落
2020/02/08 Javascript
vue+elementui实现点击table中的单元格触发事件--弹框
2020/07/18 Javascript
vscode中Vue别名路径提示的实现
2020/07/31 Javascript
Ant design vue table 单击行选中 勾选checkbox教程
2020/10/24 Javascript
python查看列的唯一值方法
2018/07/17 Python
漂亮的Django Markdown富文本app插件的实现
2019/01/02 Python
Python多进程入门、分布式进程数据共享实例详解
2019/06/03 Python
通过实例解析Python return运行原理
2020/03/04 Python
VS2019+python3.7+opencv4.1+tensorflow1.13配置详解
2020/04/16 Python
Python如何读取、写入JSON数据
2020/07/28 Python
使用canvas压缩图片上传的方法示例
2020/02/07 HTML / CSS
兰芝美国网上商城:购买LANEIGE睡眠面膜等
2017/06/30 全球购物
教师通用专业自荐书范文
2014/02/11 职场文书
副职竞争上岗演讲稿
2014/05/12 职场文书
2014教师“四风问题”对照检查材料思想汇报
2014/09/16 职场文书
2019自荐信该如何写呢?
2019/07/05 职场文书
小学三年级作文之写景
2019/11/05 职场文书
浅谈Nginx 中的两种限流方式
2021/03/31 Servers