首页 > 学术百科

html上传和预览图片代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

function checkPic() {

var picPath = ElementById("picPath").value;

河北大学教育学院

var type = picPath.substring(picPath.lastIndexOf(".") + 1, picPath.length).toLowerCase();

if (type != "jpg" && type != "bmp" && type != "gif" && type != "png") {

alert("请上传正确的图片格式");

return false;

}

2011安徽高考 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 无法预览本地图片，这里需要修改

w3c

imgPath = upload.files[0].getAsDataURL();

过敏疹 ElementById(divImage).innerHTML = "<img id='imgPreview' src='" + imgPath + "' width='" + width + "' height='" + height + "'/>";

} else {

//IE浏览器 ie9 必须在兼容模式下才能显示预览图片

var Preview = ElementById(divImage);

Preview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = upload.value;

Preview.style.width = width;

Preview.style.height = height;

}

} catch (e) {

alert("请上传正确的图片格式");

}

</script>

</head>

<body>

</div>

</body>

</html>

本文发布于:2024-09-20 16:49:30，感谢您对本站的认可！

本文链接：https://www.17tex.com/xueshu/715736.html

上一篇：理解结构与表现相分离

下一篇：jqGrid超详细属性说明

标签：图片预览浏览器显示才能矿山教育高考

留言与评论（共有 0 条评论）