js图片预览(支持红狐和IE)
日期：2014-05-16 浏览次数：20374 次
?
?
<!-- 图片预临览 -->?
<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){
}?
}
?
?
