javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > FileUpload上传图片

FileUpload上传图片(图片不变形)

作者:

FileUpload上传图片(图片不变形) 的实现方法,需要的朋友可以参考下。
复制代码 代码如下:

<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>
您可能感兴趣的文章:
阅读全文