JS预览本地图片(IE6、7、8)

最新推荐文章于 2021-08-12 16:20:49 发布

转载最新推荐文章于 2021-08-12 16:20:49 发布 · 845 阅读

本文详细介绍了如何使用JavaScript实现图片预览功能，包括图片加载、尺寸调整和使用CSS滤镜实现预览效果。

http://hi.baidu.com/ershouxiaowei/item/1b4b2adf69c4d5db241f4032

我的实现：

<div id="previewdiv" style="float: left;">
	<div id="appicon" style="width: 25px;height: 25px;"></div>
</div>

js实现预览：

//预览图片
	function FileUpload_onselect(imgFile)
    {
		var imgDiv = document.getElementById("appicon");
		//var imgDiv = $("#appicon"); 这边不可以写成这种形式
		imgDiv.style.width = "25px";    
		imgDiv.style.height = "25px";
		//关键
		imgDiv.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod = scale)";   
		imgDiv.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
    }