图片上传显示替换

<div class="upload_box">
<div id="preview">
<img id="imghead" src="0.jpg" width="190" height="130"/> <!--图片显示位置-->
</div>
<b>上传图片</b>
<input type="file" name="file" id="file" accept="image/*" onchange="imgChange(this);"/> <!--文件上传选择按钮-->
</div>


<script type="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>

猜你喜欢

转载自www.cnblogs.com/gyc51/p/8875369.html