图片上传显示替换

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

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有