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

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){

}?

}

?

?