手机
当前位置:查字典教程网 >编程开发 >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获取字符串字节数方法小结

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

JavaScript中length属性的使用方法

详解 JavaScript 闭包的小知识

jQuery预加载图片常用方法

JavaScript实现的MD5算法完整实例

详解AngularJS中的表格使用

JS实现定时自动关闭DIV层提示框的方法

3张图片循环组和(很有动感)

JQuery插件ajaxfileupload.js异步上传文件实例

精品推荐
分类导航