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

JavaScript中length属性的使用方法

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

js验证上传图片的方法

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

JQuery boxy插件在IE中边角图片不显示问题的解决

javascript中FOREACH数组方法使用示例

详解 JavaScript 闭包的小知识

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

javascript瀑布流式图片懒加载实例解析与优化

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

精品推荐
分类导航