<!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=utf-8" />
<title>无标题文档</title>
</head>
<body>
<input type="file" name="fileField" id="fileField" onchange="showPic(this)" />
<div id="imgShow"></div>
<script language="javascript" type="text/javascript">
var showPic = function(obj){
var img = document.createElement("IMG");
img.src = "file:///" + obj.value;
img.onerror = function(){
this.parentNode.removeChild(this);
alert("请选择一个力图片文件!");
}
var imgShow = document.getElementById("imgShow");
imgShow.innerHTML = "";
imgShow.appendChild(img);
}
</script>
</body>
</html>
分享到:
相关推荐
看了以前的某个帖子,在IE7里完全没有反映,代码N长,现给出简洁的实现
上传照片并预览,页面点击上传,即可预览上传的图片
实现asp.net中使用fileupload控件上传图片前预览功能,可兼容ie6,ie7,ie8,火狐等浏览器,实现真正的上传图片前预览,节约网络资源
.net上传图片之前预览 并上传到服务器
input file上传图片预览
JS+asp.net+图片上传+预览+支持多上传+上传前预览
C#上传图片预览,aspx,winform,都有。。
实用JS,jQuery实现上传图片的预览功能,可以跟随鼠标移动
这个Demo 实现了swfupload和plupload图片上传实时预览
php上传图片并预览图片源码包含html静态页和php源码类页面
在JSP上传图片前预览图片在JSP上传图片前预览图片
该资源为php上传视频并且预览的代码,
web网站批量上传图片,并带预览 进度条,有源码,可直接浏览使用
java 图片上传,可预览可剪切可缩放,没有积分下载就私信我
一个jsp中上传图片并预览的效果 单独的只有上传图片并预览的效果 支持ie 9
diyUpload JAVA版,支持多文件,多图片先预览后上传,JAVA 项目文件部署即可使用
html多图片上传并在线预览 用javascript实现
java实现图片上传预览,包含asp和jsp的实现代码,以及相关说明
在实际项目开发中上传文件需要提前预览卡自己上传的图片(本案例完美解决)
主要介绍了JS实现上传图片实时预览功能,非常不错,具有参考借鉴价值,需要的朋友可以参考下