<script language="javascript">
function checkPic(){
var picPath=document.getElementById("picPath").value;
document.getElementById("image").style.display="";
var type=picPath.substring(picPath.lastIndexOf(".")+1,picPath.length).toLowerCase();
if(type!="jpg"&&type!="bmp"&&type!="gif"&&type!="png"){
alert("请上传正确的图片格式");
return false;
}
return true;
}
//图片预览
function PreviewImage(divImage,upload,width,height) {
if(checkPic()){
try{
var imgPath;
//图片路径
var Browser_Agent=navigator.userAgent;
//判断浏览器的类型
if(Browser_Agent.indexOf("Firefox")!=-1){
//火狐浏览器
imgPath = upload.files[0].getAsDataURL();
document.getElementById(divImage).innerHTML = "<img id='imgPreview' src='"+imgPath+"' width='"+width+"' height='"+height+"'/>";
}else{
//IE浏览器
Preview = document.getElementById(divImage);
Preview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = upload.value;
Preview.style.width = width;
Preview.style.height = height;
}
}catch(e){
alert("请上传正确的图片格式");
}
}
}
</script>
<tr>
<td width="100px"> 链接图片</td>
<td><input type="file" name="link_pic" class="fl file_input" id="picPath" onChange="PreviewImage('Preview',this,120,120);"/>
<tr id="image" >
<div id="Preview" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);"/>
我是这样处理图片的。但是我现在出现2个问题了。IE中预览不出图片,还有我编辑的时候其他数据都可以显示,但是图片不显示
function checkPic(){
var picPath=document.getElementById("picPath").value;
document.getElementById("image").style.display="";
var type=picPath.substring(picPath.lastIndexOf(".")+1,picPath.length).toLowerCase();
if(type!="jpg"&&type!="bmp"&&type!="gif"&&type!="png"){
alert("请上传正确的图片格式");
return false;
}
return true;
}
//图片预览
function PreviewImage(divImage,upload,width,height) {
if(checkPic()){
try{
var imgPath;
//图片路径
var Browser_Agent=navigator.userAgent;
//判断浏览器的类型
if(Browser_Agent.indexOf("Firefox")!=-1){
//火狐浏览器
imgPath = upload.files[0].getAsDataURL();
document.getElementById(divImage).innerHTML = "<img id='imgPreview' src='"+imgPath+"' width='"+width+"' height='"+height+"'/>";
}else{
//IE浏览器
Preview = document.getElementById(divImage);
Preview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = upload.value;
Preview.style.width = width;
Preview.style.height = height;
}
}catch(e){
alert("请上传正确的图片格式");
}
}
}
</script>
<tr>
<td width="100px"> 链接图片</td>
<td><input type="file" name="link_pic" class="fl file_input" id="picPath" onChange="PreviewImage('Preview',this,120,120);"/>
<tr id="image" >
<div id="Preview" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);"/>
我是这样处理图片的。但是我现在出现2个问题了。IE中预览不出图片,还有我编辑的时候其他数据都可以显示,但是图片不显示
这里是逻辑错误,自己看着改吧