您的位置:首页 > Web前端 > JavaScript

JS 预览上传图片,兼容IE、firefox等所有浏览器

2009-09-04 15:07 996 查看
HTML源代码:

Code
function onUploadImgChange(sender,width,height,index){
try
{
index = index==undefined?"":index;
if( !sender.value.match( /.jpg|.gif|.png|.bmp/i ) ){
alert('请上传.jpg|.gif|.png|.bmp类型的图片');
return false;
}

var objPreview = $(".preview_pic"+index);
var objPreviewFake = document.getElementById( 'preview_fake'+index );

if( sender.files && sender.files[0] ){
objPreview.show();
objPreview.attr("width", width);
objPreview.attr("height", height);
// Firefox ȫ޷ֱͨ input[file].value ȡļ·
objPreview.attr("src", sender.files[0].getAsDataURL());
}else if( objPreviewFake.filters ){
// IE7,IE8 ñͼƬַΪ img.src ʱĪĺ
// IE7, IE8ȫ޷ֱͨ input[file].value ȡļ·
sender.select();
var imgSrc = document.selection.createRange().text;
objPreviewFake.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = imgSrc;

objPreviewFake.style.width = width + 'px';
objPreviewFake.style.height = height + 'px';
objPreview.hide();
sender.blur();
}
}catch(ex){
alert("图片加载失败!");
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: