日期:2014-05-16  浏览次数:20358 次

js图片预览(支持火狐和IE)

?

?

<!-- 图片预临览 -->?

<script type="text/javascript" src="/webPortal/js/imgPreview/CJL.0.1.min.js"></script>

<script type="text/javascript" src="/webPortal/js/imgPreview/QuickUpload.js"></script>

<script type="text/javascript" src="/webPortal/js/imgPreview/ImagePreviewd.js"></script>

<script type="text/javascript" src="/webPortal/js/imgPreview/QuickUpload.js"></script>

?

var ip2 = new ImagePreview($$("btnGroupImage"),$$("group_image"), {

maxWidth: 48,?

maxHeight: 48,?

// action: "ImagePreview.asp",

onErr: function(){ alert("载入预览出错!");},

onCheck:CheckPreview

});

ip2.img.src = ImagePreview.TRANSPARENT;?

ip2.file.onchange = function(){ ip2.preview();

};

?

btnGroupImage //表示file 控件 id

group_image //表示显示的img控件id

//附件里有js

//以上只支持火狐和IE,要支持goolge,看我另一篇文章

?

?

//做个记录

//file 的onchange事件

function onUploadImgChange(op){

if( !op.value.match( /.jpg|.gif|.png|.bmp/i ) ){ ? ? ? ? ?

? ? ? ? alert('图片格式无效!'); ? ? ? ? ?

? ? ? ? return false; ? ? ? ? ?

? ? }

if(navigator.userAgent.indexOf("MSIE")>0){

op.select(); ? ? ? ? ?

? ? ? ? var imgSrc = document.selection.createRange().text;?

document.getElementById( 'preview_size_fake').src=imgSrc;

?

} else if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){

document.getElementById( 'preview_size_fake').src = op.files[0].getAsDataURL(); ?

} else if(isSafari=navigator.userAgent.indexOf("Safari")>0) {

var o=op;?

} else if(isCamino=navigator.userAgent.indexOf("Camino")>0){

}?

}

?

?

1 楼 qqxxin 2012-07-19  
怎么不能用啊??请指教
2 楼 javaEEdevelop 2012-08-12  
这个对应现在的IE8有问题了,不好意思
3 楼 俊喜本纪 2012-08-16  
不行
4 楼 javaEEdevelop 2012-08-19  
再在此声明,好像这个现在是不能用了,可以在网上另外找啊