上传图片 显示在web中

标签：name   图片   abs   height   fun   setattr   win   gif   位置   

<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>

上传图片 显示在web中

标签：name   图片   abs   height   fun   setattr   win   gif   位置   

原文地址：https://www.cnblogs.com/jiangdashan/p/13052137.html