上传图片 显示在web中

<divclass=”upload_box”>
<b>上传图片</b>
<inputtype=”file”name=”file”id=”file” accept=”image/*” onchange=”imgChange(this);”/> <!–文件上传选择按钮–>
<divid=”preview”>
<imgid=”imghead”src=”/style/images/blank.gif”width=”260″height=”180″ /> <!–图片显示位置–>
</div>
</div>

<scripttype=”text/javascript”>
// 选择图片显示
function imgChange(obj) {
//获取点击的文本框
var file =document.getElementById(“file”);
var imgUrl =window.URL.createObjectURL(file.files[0]);
var img =document.getElementById(‘imghead‘);
img.setAttribute(‘src‘,imgUrl); // 修改img标签src属性值
};
</script>