上传图片
来源:互联网 发布:全国来华留学生数据 编辑:程序博客网 时间:2024/05/16 17:56
转自:http://blog.163.com/huangcheng71@126/blog/static/347393552011111516226/
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>图片上传预览 ie6,7,8, firefox</title>
<script type="text/javascript" language="javascript">
function checkPic() {
var picPath = document.getElementById("picPath").value;
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) {
//火狐浏览器
//getAsDataURL在Firefox7.0 无法预览本地图片,这里需要修改
imgPath = upload.files[0].getAsDataURL();
document.getElementById(divImage).innerHTML = "<img id='imgPreview' src='" + imgPath + "' width='" + width + "' height='" + height + "'/>";
} else {
//IE浏览器 ie9 必须在兼容模式下才能显示预览图片
var 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>
</head>
<body>
<input type="file" id="picPath" name="doc" onchange="PreviewImage('Preview',this,120,120);" />
<div id="Preview" style="filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);">
</div>
</body>
</html>
- 图片上传
- 上传图片
- 上传图片
- 上传图片
- 上传图片
- 上传图片
- 图片上传
- 图片上传
- 上传图片
- 上传图片
- 图片上传
- 图片上传
- 图片上传
- 图片上传
- 上传图片
- 上传图片
- 上传图片
- 图片上传
- poj1721
- DreamWeaver文件保存时,提示"发生共享违例"问题的解决方法
- Setforegroundwindow 将窗口置最前
- 黑马程序员—.NET基础—04
- core dump
- 上传图片
- windows7下安装ubuntu双系统
- SQL Server 系统数据库
- 【最长非升子序列】北大 POJ 1887 Testing the CATCHER
- STM之ucos-ii堆栈
- Remoting获取客户端的外网IP地址
- PJBlog 3.2.9.518 getwebshell 漏洞
- 分布式
- 有用的小代码