手机
当前位置:查字典教程网 >编程开发 >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上传图片(图片不变形)】相关文章:

图片完美缩放

详解AngularJS中的表达式使用

详解AngularJS中的表格使用

鼠标图片振动代码

图片之间的切换

js验证上传图片的方法

javascript中FOREACH数组方法使用示例

一些有关检查数据的JS代码

比较方便的onMouseWheel缩放图片效果 原创

在HTML中插入JavaScript代码的示例

精品推荐
分类导航