javascript图片上传格式验证，缩略图预览呈现，兼容IE，FIREFOX
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
var picPath;
var image;
var box;
//只要调用这个方法就可以了,参数（this,这里为显示的位置)
function LoadImage(ele, show_pos_obj) {
picPath = GetImgPath(ele);
if (picPath != "" && picPath != null) {
image = new Image();
image.src = picPath;
box = GetObj(show_pos_obj);
box.innerHTML = "<span style='color:gray;font-size:11px'>加载中...</span>";
setTimeout(ImgView, 1000);
} else {
return false;
}
}
//呈现图片视图
function ImgView() {
if (image.width == 0 || image.height == 0) {
settimeout(ImgView, 1000);
} else {
if (box != null) {
var imgWidth = (image.width >= box.offsetWidth) ? box.offsetWidth : image.width;
var imgHeight = (image.height >= box.offsetHeight) ? box.offsetHeight : image.height;
var alt = "图片实际尺寸为：" + image.width + " * " + image.height;
box.innerHTML = "<img width='" + imgWidth + "' height='" + imgHeight + "' id='apic' src='" + picPath + "' onload='DrawImage(this," + box.offsetWidth + "," + box.offsetHeight + ")' title=" + alt + " />";
}
}
}
//获取IE，FF下图片的路径
相关新闻>>
- 发表评论
-
- 最新评论 更多>>
