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

} 

}