<div class="upload_box"> <div id="preview"> <img id="imghead" src="0.jpg" width="190" height="130"/> <!--圖片顯示位置--> </div> <b>上傳圖片</b> <input type="fil ...
<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>