html上传和预览图片代码

《html上传和预览图片代码》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、<%@LANGUAGE="VBSCRIPT"CODEPAGE="936"%>

2、ody>

3、e="text/css">#preview_fake{/*该对象用于在IE下显示预览图片*/filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);}#preview_size_fake{/*该对象只用来在IE下获得图片的原始尺寸，无其它用途*/filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);visibility:hidden;}

4、/javascript">functiononUploadImgChange(sender){if(!sender.value.match(/.jpg

5、.gif

6、.png

7、.bmp/i)){alert('图片格式无效！');returnfalse;}varobjPreview=document.getElementById('preview');varobjPreviewFake=document.getElementById('preview_fake');varobjPreviewSizeFake=document.getElementById('preview_size_fak

8、e');if(sender.files&&sender.files[0]){objPreview.style.display='block';objPreview.style.width='auto';objPreview.style.height='auto';//Firefox因安全性问题已无法直接通过input[file].value获取完整的文件路径//支持FF7.0以上版本的写法：window.URL.createObjectUrl(sender.files[0]);objPreview.src=sender.files[0].getAsDataURL();}elseif(

9、objPreviewFake.filters){//IE7,IE8因安全性问题已无法直接通过input[file].value获取完整的文件路径//IE7,IE8在设置本地图片地址:img.src时相同环境有时无法正常显示，因此用滤镜解决此问题。sender.select();varimgSrc=document.selection.createRange().text;objPreviewFake.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src=imgSrc;objPreviewSizeFake.fil

10、ters.item('DXImageTransform.Microsoft.AlphaImageLoader').src=imgSrc;//alert(objPreviewSizeFake.offsetWidth+'-'+objPreviewSizeFake.offsetHeight);autoSizePreview(objPreviewFake,objPreviewSizeFake.offsetWidth,objPreviewSizeFake.offse