手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >FileUpload上传图片(图片不变形)
FileUpload上传图片(图片不变形)
摘要:复制代码代码如下:#newPreview{filter:progid:DXImageTransform.Microsoft.AlphaIma...

复制代码 代码如下:

<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>

【FileUpload上传图片(图片不变形)】相关文章:

js验证上传图片的方法

JavaScript实现自动变换表格边框颜色

基于JavaScript实现图片点击弹出窗口而不是保存

javascript匹配车牌号正则表达式

详解AngularJS中的表达式使用

详解AngularJS中的表格使用

javascript制作的滑动图片菜单

详解 JavaScript 闭包的小知识

图片之间的切换

Javascript实现图片轮播效果(二)图片序列节点的控制实现

精品推荐
分类导航