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("图片加载失败!");
}
}
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("图片加载失败!");
}
}
相关文章推荐
- 兼容所有主流浏览器的图片上传本地预览(IE\FIREFOX\CHROME)
- 多图片上传+图片预览,兼容所有浏览器 IE5/IE6/IE7/IE8/IE9/Chrome/Safari/Firefox/Opera/
- 多图片上传+图片预览,兼容所有浏览器 IE5/IE6/IE7/IE8/IE9/Chrome/Safari/Firefox/Opera/
- js实现上传图片实时预览,兼容chrome IE firefox多浏览器
- 兼容所有主流浏览器的图片上传本地预览(IE\FIREFOX\CHROME)
- js上传图片预览功能代码,兼容IE,FireFox,Chrome浏览器
- JS实现图片上传时的本地预览,兼容IE和firefox谷歌
- js 图片的上传前预览上传的图片(兼容所有浏览器)
- js图片上传前预览功能(兼容所有浏览器)
- 【转】图片上传简单JS预览,兼容IE火狐等主流浏览器
- JS控制图片翻转代码,兼容firefox,ie,chrome等浏览器
- 上传图片带预览功能兼容IE和火狐等主流浏览器
- JavaScript 图片的上传前预览(兼容所有浏览器)
- Javascript/js兼容各个浏览器的本地图片上传即时预览效果
- 基于asp.net + easyui框架,js实现上传图片之前判断图片格式,同时实现预览,兼容各种浏览器+下载
- JS复制内容到剪贴板: 兼容IE、Firefox、Chrome、Safari所有浏览器【转】
- 支持firefox10和IE的上传预览图片js代码
- JavaScript 图片的上传前预览(兼容所有浏览器)
- JS上传图片预览 兼容IE8 FireFox
- 支持firefox10和IE的上传预览图片js代码